/* Mowiti — pagina Atelier (template-atelier.php); restul stilurilor vin din style.css */

/* ---------- deschiderea ---------- */
.band--img.at-hero{background-image:linear-gradient(100deg,rgba(14,42,43,.9) 0%,rgba(14,42,43,.62) 50%,rgba(14,42,43,.25) 100%),var(--at-hero,url(../img/atelier/atelier-panorama.jpg))}
.at-hero .hero-actions{margin-top:34px}
.at-sezon{display:inline-flex;align-self:flex-start;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;background:rgba(244,238,225,.12);border:1px solid rgba(244,238,225,.25);
  border-radius:999px;padding:8px 16px 8px 12px;font-size:.9rem;color:var(--hartie)}
.at-sezon::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cedru);box-shadow:0 0 0 4px rgba(200,121,65,.25)}

.cifre.mw-sectiune{padding:70px 5vw}

/* ---------- cum se naște ---------- */
.at-pasi{list-style:none;margin-top:60px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:pas}
.at-pas{counter-increment:pas;position:relative}
.at-pas figure{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--mesteacan);box-shadow:0 16px 36px -20px rgba(14,42,43,.4)}
.at-pas img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.at-pas:hover img{transform:scale(1.04)}
.at-pas h3{font-family:var(--display);font-weight:700;font-size:1.12rem;margin-top:16px;display:flex;gap:10px;align-items:baseline}
.at-pas h3::before{content:"0" counter(pas);font-family:var(--mono);font-size:.75rem;color:var(--cedru);letter-spacing:.1em}
.at-pas p{font-size:.92rem;color:#4a524e;margin-top:6px}
.at-durata{margin-top:40px;font-family:var(--mono);font-size:.82rem;color:#4a524e}

/* ---------- modele ---------- */
.at-modele{background:var(--mesteacan)}
.at-grila-modele{margin-top:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.at-model{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px -24px rgba(14,42,43,.35)}
.at-model figure{aspect-ratio:4/3;overflow:hidden;position:relative}
.at-model figure img{width:100%;height:100%;object-fit:cover;display:block}
.at-model .tip{position:absolute;left:14px;top:14px;background:var(--apa-adanca);color:var(--hartie);font-family:var(--mono);font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.at-model-body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.at-model h3{font-family:var(--display);font-weight:700;font-size:1.4rem}
.at-model p{font-size:.94rem;color:#4a524e}
.at-spec{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.88rem;margin:4px 0 6px}
.at-spec dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6c736f;padding-top:2px}
.at-model-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #efe6d4}
.at-model .btn{padding:11px 20px;font-size:.88rem}
.at-alte{margin-top:34px;background:rgba(255,255,255,.55);border-radius:20px;padding:30px 32px;display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:30px;align-items:center}
.at-alte h3{font-family:var(--display);font-weight:700;font-size:1.3rem;margin-top:6px}
.at-alte p{font-size:.94rem;color:#4a524e;margin-top:6px}
.at-alte-lista{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.at-alte-lista li{background:#fff;border-radius:14px;padding:12px 16px;flex:1 1 140px}
.at-alte-lista b{font-family:var(--display);font-weight:700;display:block}
.at-alte-lista small{font-family:var(--mono);font-size:.7rem;color:#6c736f}

/* ---------- scara: patru feluri de a avea un caiac Mowiti ---------- */
.at-scara{margin-top:70px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
.at-treapta{background:#fff;border-radius:18px 18px 6px 6px;padding:24px 20px;display:flex;flex-direction:column;gap:8px;
  border-top:6px solid var(--cedru);box-shadow:0 18px 40px -22px rgba(14,42,43,.3);text-decoration:none;color:inherit;transition:transform .25s}
.at-treapta:hover{transform:translateY(-4px)}
.at-treapta:nth-child(1){min-height:270px}
.at-treapta:nth-child(2){min-height:310px}
.at-treapta:nth-child(3){min-height:350px;border-top-color:var(--apa)}
.at-treapta:nth-child(4){min-height:390px;border-top-color:var(--nuc);background:var(--apa-adanca);color:var(--hartie)}
.at-treapta .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cedru)}
.at-treapta h3{font-family:var(--display);font-weight:700;font-size:1.18rem;line-height:1.2}
.at-treapta p{font-size:.88rem;color:#4a524e}
.at-treapta:nth-child(4) p{color:rgba(244,238,225,.75)}
.at-treapta .pret{margin-top:auto;font-size:1.25rem}
.at-treapta:nth-child(4) .pret{color:var(--cedru)}
.at-treapta:nth-child(4) .pret small{color:rgba(244,238,225,.6)}
.at-treapta .mai{font-size:.85rem;font-weight:600;color:var(--cedru)}

/* ---------- padelele pictate ---------- */
.at-padele{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.at-padele-foto{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.at-padele-foto img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.at-padele-foto img:first-child{aspect-ratio:3/4}
.at-padele-foto img:last-child{aspect-ratio:3/4}
.at-padele-lista{list-style:none;margin:24px 0 0;border-top:1px solid rgba(107,66,38,.18)}
.at-padele-lista li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid rgba(107,66,38,.18)}
.at-padele-lista b{font-weight:600}
.at-padele-lista small{display:block;font-family:var(--mono);font-size:.74rem;color:#6c736f;margin-top:2px}
.at-padele-lista .pret{font-size:1.2rem;white-space:nowrap}

/* ---------- galeria ---------- */
.at-galerie-sec{background:var(--apa-adanca);color:var(--hartie)}
.at-galerie-sec .lead{color:rgba(244,238,225,.75)}
.at-galerie{margin-top:50px;columns:4 240px;column-gap:14px}
.at-galerie button{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden;break-inside:avoid}
.at-galerie img{width:100%;display:block;transition:transform .5s,opacity .3s}
.at-galerie button:hover img{transform:scale(1.03)}
.at-lumina{position:fixed;inset:0;z-index:90;background:rgba(10,20,20,.92);display:none;align-items:center;justify-content:center;padding:4vw}
.at-lumina.on{display:flex}
.at-lumina img{max-width:100%;max-height:86vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.at-lumina figcaption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(244,238,225,.8);font-size:.9rem}
.at-lumina button{position:absolute;background:rgba(244,238,225,.12);color:var(--hartie);border:0;border-radius:999px;width:46px;height:46px;font-size:1.3rem;cursor:pointer}
.at-lumina .inchide{top:18px;right:18px}
.at-lumina .ant{left:18px;top:50%}
.at-lumina .urm{right:18px;top:50%}

/* ---------- încearcă înainte ---------- */
.at-incearca{min-height:70vh;display:flex;align-items:center;color:var(--hartie);
  background:linear-gradient(90deg,rgba(14,42,43,.88) 0%,rgba(14,42,43,.55) 55%,rgba(14,42,43,.15) 100%),var(--at-incearca,url(../img/atelier/pe-apa-doi.jpg)) center 60%/cover}
.at-incearca-inner{max-width:620px}
.at-incearca h2{color:var(--hartie)}
.at-incearca p{margin-top:18px;color:rgba(244,238,225,.85);font-size:1.05rem}
.at-incearca .hero-actions{margin-top:30px}
.at-reducere{border-left:4px solid var(--cedru);padding-left:16px}
.at-reducere b{color:var(--hartie);font-weight:600}

/* ---------- ce primești ---------- */
.at-primesti{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.at-primesti .punct{background:#fff;box-shadow:0 14px 34px -22px rgba(14,42,43,.3)}

/* ---------- întrebări ---------- */
.at-intrebari{background:var(--mesteacan)}
.at-faq{margin-top:46px;max-width:860px;display:flex;flex-direction:column;gap:12px}
.at-faq details{background:#fff;border-radius:14px;padding:4px 24px}
.at-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--display);font-weight:700;font-size:1.08rem;display:flex;justify-content:space-between;gap:20px}
.at-faq summary::-webkit-details-marker{display:none}
.at-faq summary::after{content:"+";color:var(--cedru);font-size:1.4rem;line-height:1;transition:transform .25s}
.at-faq details[open] summary::after{transform:rotate(45deg)}
.at-faq details p{padding:0 0 20px;color:#4a524e;font-size:.96rem}

/* ---------- formularul ---------- */
.at-oferta{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.at-oferta-aside{position:sticky;top:110px}
.at-oferta-aside .lead{max-width:none}
.at-contact-rapid{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.btn-wa{background:#25d366;color:#fff}
.btn-wa:hover{background:#1fb457}
.btn-contur{border:1.5px solid var(--cerneala);color:var(--cerneala)}
.at-form{background:#fff;border-radius:22px;padding:38px;box-shadow:0 24px 60px -28px rgba(14,42,43,.35);display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.at-form .lat{grid-column:1/-1}
.at-form label{display:flex;flex-direction:column;gap:7px;font-size:.88rem;font-weight:600}
.at-form label small{font-weight:400;color:#6c736f}
.at-form input,.at-form select,.at-form textarea{font:inherit;font-weight:400;font-size:1rem;padding:12px 14px;border:1.5px solid #e1d7c3;border-radius:12px;background:#fdfbf6;color:var(--cerneala);width:100%}
.at-form input:focus,.at-form select:focus,.at-form textarea:focus{outline:none;border-color:var(--cedru);background:#fff}
.at-form fieldset{border:0;grid-column:1/-1}
.at-form legend{font-size:.88rem;font-weight:600;margin-bottom:10px}
.at-optiuni{display:flex;flex-wrap:wrap;gap:8px}
.at-optiuni label{flex-direction:row;align-items:center;gap:8px;font-weight:500;border:1.5px solid #e1d7c3;border-radius:999px;padding:9px 16px;cursor:pointer;background:#fdfbf6}
.at-optiuni input{width:auto;accent-color:var(--cedru)}
.at-optiuni label:has(input:checked){border-color:var(--cedru);background:rgba(200,121,65,.08)}
.at-bifa{flex-direction:row !important;align-items:flex-start;gap:10px !important;font-weight:400 !important;color:#4a524e}
.at-bifa input{width:auto;margin-top:4px;accent-color:var(--cedru)}
.at-form .btn{border:0;cursor:pointer;justify-self:start}
.at-multumim{grid-column:1/-1;display:none;background:#eef6ef;border-radius:12px;padding:16px 18px;font-size:.95rem}
.at-multumim.on{display:block}
.at-multumim.eroare{background:#fbeee4}
.at-capcana{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- telefon ---------- */
@media(max-width:1080px){
  .at-pasi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .at-scara{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .at-treapta{min-height:0 !important}
  .at-primesti{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mw-sectiune{padding:80px 16px}
  .band{padding-left:16px;padding-right:16px}
  .at-grila-modele,.at-primesti{grid-template-columns:1fr}
  .at-alte{grid-template-columns:1fr;gap:20px;padding:24px 20px}
  .at-alte .btn{justify-self:start}
  .at-padele,.at-oferta{grid-template-columns:1fr;gap:40px}
  .at-oferta-aside{position:static}
  .at-form{grid-template-columns:1fr;padding:26px 20px}
}
@media(max-width:620px){
  .at-pasi{grid-template-columns:1fr 1fr;gap:14px}
  .at-pas figure{aspect-ratio:1}
  .at-scara{grid-template-columns:1fr}
  .cifre-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .at-galerie{columns:2;column-gap:10px}
  .at-galerie button{margin-bottom:10px}
  .at-incearca{background:linear-gradient(rgba(14,42,43,.82),rgba(14,42,43,.7)),var(--at-incearca,url(../img/atelier/pe-apa-doi.jpg)) 70% 60%/cover}
}