/* lp-m2.css — override wariantu m2 (mocne, reskin „espresso/złoto" pod hero got-space).
   Ładowany PO lp.css (mu-plugin dokłada automatycznie, gdy istnieje lp-<lp>.css).
   Zawiera WYŁĄCZNIE różnice m2 względem wspólnego lp.css. */

/* paleta — nadpisanie tokenów (reszta reguł reskinuje się kaskadą przez var(--*)) */
:root{
  --navy:#382819; --navy-2:#46331f; --navy-3:#241810;
  --blue:#bd7d3e; --blue-2:#9c5f28; --blue-soft:#f5ebdd;
  --yellow:#f7b50a; --yellow-2:#ffca33; --yellow-deep:#d99500;
  --ink:#2b2118; --muted:#7e6c58; --paper:#ffffff; --paper-2:#f9f5ef;
  --line:#e8ded1;
}

/* HERO — gradient/cienie pod ciepłą paletę (samo tło z --hero-bg-* w szablonie) */
.hero::after{background:linear-gradient(90deg,rgba(16,16,16,.66) 0%,rgba(16,16,16,.44) 14%,rgba(16,16,16,.20) 30%,rgba(16,16,16,.06) 46%,rgba(16,16,16,0) 58%,rgba(16,16,16,.06) 78%,rgba(16,16,16,.22) 100%)}
.hero h1{text-shadow:0 1px 2px rgba(18,11,4,.62),0 2px 26px rgba(18,11,4,.62)}
.hero .sub{color:#f4efe8;text-shadow:0 1px 3px rgba(18,11,4,.7),0 2px 18px rgba(18,11,4,.65)}
.hero .sub .ul::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 18' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M4 11 C 80 4, 150 16, 296 7' stroke='%23f7b50a' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.hand-arrow{filter:drop-shadow(0 2px 5px rgba(18,11,4,.5))}
/* mobilny sub nad formularzem (desktop ukryty) */
.sub--m{display:none}
@media(max-width:959px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy,#form{min-width:0}
  .hero h1{overflow-wrap:break-word}
  .hero{background:#1e150d}
  .hero--img .hero-img{object-position:center 50%} /* focal point m2 mobile (hero jako <img>) */
  .hero::after{background:linear-gradient(180deg,rgba(30,21,13,.74) 0%,rgba(30,21,13,.28) 18%,rgba(30,21,13,.03) 40%,rgba(30,21,13,0) 66%,rgba(30,21,13,.04) 82%,rgba(30,21,13,.55) 93%,rgba(30,21,13,1) 100%)}
  .hero-copy{min-height:50vh}
  .hero-copy>.sub{display:none}
  .hero .sub.sub--m{display:block;text-align:right;margin-left:auto;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.7),0 0 18px rgba(0,0,0,.5)}
}

/* sekcje — kolory tekstu pod ciepłą paletę */
.blist li{color:#4a3c2c}
.host{color:#e6dbcb}
.host .role{color:#cdbca4}
.host .bio{color:#e6dbcb}
.host .km-label{color:#ab9c84}
.tcard img{box-shadow:0 12px 30px rgba(45,28,15,.12)}
.tcar-btn{box-shadow:0 6px 16px rgba(45,28,15,.14)}
.tcar-btn:hover{box-shadow:0 10px 22px rgba(45,28,15,.22)}
.tcar-dots button{background:#d8c9b4}
.cd-box{box-shadow:0 14px 30px rgba(45,28,15,.22)}
.cd-box span{color:#b8a994}
.opt .tick{border:2px solid #d8c9b4}
.field input:focus{box-shadow:0 0 0 3px rgba(156,95,40,.18)}
.inp .fi{color:#ab9c88}
.focus-overlay{background:rgba(20,12,5,.5)}
.foot{color:#b8a994}
.foot-disc p{color:#5f5340}
.foot-disc b{color:inherit}
.foot-col a{color:#e6dbcb}
.foot-bottom{color:#8c7c66}
.foot-bottom .brand{color:#e6dbcb}