/* Aloldalak közös elemei + Opus Legal (bronz) színséma */

/* fejléc aktív menüpont */
.main-nav ul a[aria-current="page"]{color:var(--sx)}
.main-nav ul a[aria-current="page"]::after{transform:scaleX(1)}

/* belső hero */
.hero.phero{padding:76px 0 92px}
.phero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.03em;margin-bottom:20px}
.phero .hero-text .lead{max-width:600px}
.phero .btn-row{margin:28px 0 20px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.chip.static{cursor:default;background:rgba(255,255,255,.85)}
.chip.static:hover{border-color:var(--rule);color:var(--mut)}
.page-chips{margin-top:28px}
.phero-art{justify-self:end;width:100%;max-width:400px}
.phero-art svg{display:block;width:100%;height:auto}
@keyframes spin{to{transform:rotate(360deg)}}
.ph-art{aspect-ratio:1040/840;width:100%}
.ph-owner{height:220px;margin-bottom:18px;width:100%}
.ph-person{aspect-ratio:4/5;width:100%}
.portrait-media{max-width:420px;justify-self:end}
.hero-legal .container{max-width:1280px}
.hero-legal h1{max-width:900px}
.hero-legal .lead{max-width:680px}
.hero-legal::after{content:"§";position:absolute;right:5%;top:50%;transform:translateY(-50%);font-family:Archivo,serif;font-weight:700;font-size:420px;line-height:1;color:var(--lg);opacity:.08;pointer-events:none}

/* kártyák az aloldalakon */
.more-link{margin:18px 0 0}
.stretch::before{content:"";position:absolute;inset:0;z-index:1}
.card .small+.more-link{margin-top:18px}
.price-note{margin-top:22px;font-size:15px}
.grid.g2{gap:24px}

/* „Kinek szól” — pipás lista */
.check-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.check-list li{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;background:#fff;border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--sh1);font-size:18px;line-height:1.5}
.check-list li:last-child:nth-child(odd){grid-column:1/-1}
.check-list .ic{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--sxl);color:var(--sx);stroke-width:2;margin:0}
.check-list.single{grid-template-columns:1fr;gap:12px;margin-top:6px}
.check-list.single li{padding:0;border:0;box-shadow:none;background:none;font-size:17px;align-items:center}
.check-list.single .ic{background:#fff}

/* akkordeon (a tartalom a HTML-ben van) */
.acc-wrap{max-width:920px;margin-top:28px}
.acc{display:block;background:#fff;border:1px solid var(--rule);border-radius:var(--r);margin-bottom:12px;box-shadow:var(--sh1);transition:border-color .25s,box-shadow .25s}
.acc:hover{border-color:#B9C6D1}
.acc[open]{border-color:var(--sx);box-shadow:var(--sh2)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-radius:var(--r)}
.acc summary::-webkit-details-marker{display:none}
.acc summary:focus-visible{outline:2px solid var(--sx);outline-offset:2px}
.acc summary h3{margin:0;font-size:19px;line-height:1.35}
.acc summary i{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--sxl);transition:background .25s}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--sx);transition:transform .3s,background .25s}
.acc summary i::before{transform:translate(-50%,-50%)}
.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc[open] summary i{background:var(--sx)}
.acc[open] summary i::before,.acc[open] summary i::after{background:#fff}
.acc[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.acc-body{padding:0 24px 24px;max-width:780px}
.acc-body p{margin:0;color:var(--mut)}

/* „Hogyan dolgozunk” — lépések */
.tl{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:32px;position:relative}
.tl li{position:relative;padding:28px 24px;background:#fff;border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--sh1)}
.tl .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sx),var(--sxd));color:#fff;font-family:Archivo,sans-serif;font-weight:700;font-size:18px;margin-bottom:18px;box-shadow:0 6px 14px rgba(32,80,119,.28)}
.tl h3{font-size:19px;margin-bottom:8px}
.tl p{margin:0;color:var(--mut);font-size:16px;line-height:1.55}
.tl li::after{content:"";position:absolute;top:51px;left:calc(46px + 24px + 8px);right:-20px;height:2px;background:repeating-linear-gradient(90deg,var(--rule) 0 6px,transparent 6px 12px);z-index:0}
.tl li:last-child::after{display:none}

/* esettanulmány */
.case{flex-direction:row;align-items:stretch;gap:48px;padding:40px;margin-top:28px}
.case-main{flex:1.5;display:flex;flex-direction:column;align-items:flex-start}
.case-main .small{margin-top:0;margin-bottom:16px}
.case h3{font-size:28px;margin-bottom:12px}
.case-side{flex:1;background:var(--sxl);border-radius:var(--r);padding:28px}
.case .card-link::before{display:none}

/* felelős kártya */
.owners{margin-top:0}
.owner{align-items:flex-start}
.owner .small{margin-top:0}
.owner .btn-row{margin:20px 0 0}

/* szakemberek (opus legal) tint blokk */
.tint-block{position:relative;overflow:hidden;background:linear-gradient(135deg,#F8F2E6,var(--lgl));border:1px solid #E6D7B8;border-left:4px solid var(--lg);border-radius:var(--r);padding:48px;box-shadow:var(--sh1)}
.tint-block h2{max-width:720px}
.tint-block p{max-width:720px;font-size:19px;color:var(--ink)}
.tint-block::after{content:"§";position:absolute;right:28px;bottom:-60px;font-family:Archivo,serif;font-weight:700;font-size:260px;line-height:1;color:var(--lg);opacity:.08}

/* kamarai lábblokk */
.legalfoot{background:var(--lgl);border-top:1px solid #E6D7B8;padding:36px 0}
.legalbox{border-left:3px solid var(--lg);padding:6px 0 6px 20px}
.legalbox p{margin:0 0 6px}
.legalbox .legal-name{font-weight:600;font-size:17px;color:var(--ink)}
.legalbox a{color:var(--lg)}

/* záró CTA gombokkal */
.cta-simple{text-align:center}
.cta-simple h2{margin-left:auto;margin-right:auto;font-size:44px}
.cta-simple .btn-row{justify-content:center;margin-bottom:0}
.cta-buttons .btn-primary{background:#fff;color:var(--sxd);border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.cta-buttons .btn-primary:hover{background:var(--sxl);color:var(--sxd)}
.cta-buttons .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.cta-buttons .btn-outline:hover{background:#fff;color:var(--sxd)}

/* ===== OPUS LEGAL színséma ===== */
.theme-legal{--sx:#8A6A2F;--sxd:#6F5424;--sxl:#F4EDE0}
.theme-legal h2{color:var(--lg)}
.theme-legal .hero{background:linear-gradient(135deg,#FBF7EE 0%,var(--lgl) 60%,#fff 100%)}
.theme-legal .hero-deco{background:radial-gradient(520px 420px at 88% 18%,rgba(138,106,47,.2),transparent 70%),radial-gradient(420px 360px at 6% 92%,rgba(32,80,119,.1),transparent 70%)}
.theme-legal .hero-deco::before{background-image:linear-gradient(#E6D7B8 1px,transparent 1px),linear-gradient(90deg,#E6D7B8 1px,transparent 1px)}
.theme-legal .hero-media::before{background:linear-gradient(145deg,#A07D38,#5E4720)}
.theme-legal .hero-media::after{border-color:var(--ink)}
.theme-legal .hero-text>.small{color:var(--lg)}
.theme-legal .hero-text>.small::before{background:var(--ink);box-shadow:0 0 0 4px rgba(20,32,43,.12)}
.theme-legal .btn-primary{background:linear-gradient(135deg,#A07D38,var(--lg) 55%,#6F5424);border-color:var(--lg);box-shadow:0 8px 20px rgba(138,106,47,.32)}
.theme-legal .btn-primary:hover{background:linear-gradient(135deg,var(--lg),#5E4720);border-color:#6F5424;box-shadow:0 12px 26px rgba(138,106,47,.4)}
.theme-legal .btn-outline{color:var(--lg);border-color:var(--lg)}
.theme-legal .btn-outline:hover{background:var(--lg);color:#fff}
.theme-legal .section-alt{background:linear-gradient(180deg,#FBF8F1,#fff 160%)}
.theme-legal .card{border-color:#E8DCC3}
.theme-legal .card-link:hover,.theme-legal .card-link:focus-within{border-color:var(--lg)}
.theme-legal .card-link::before{background:linear-gradient(90deg,var(--lg),#C9A868)}
.theme-legal .ic-lg{background:var(--lgl);color:var(--lg)}
.theme-legal .card:hover .ic-lg{background:var(--lg);color:#fff}
.theme-legal .text-link{border-color:rgba(138,106,47,.3)}
.theme-legal .text-link:hover{border-color:var(--lg)}
.theme-legal .acc{border-color:#E8DCC3}
.theme-legal .acc[open]{border-color:var(--lg)}
.theme-legal .tl li,.theme-legal .check-list li{border-color:#E8DCC3}
.theme-legal .tl .n{box-shadow:0 6px 14px rgba(138,106,47,.3)}
.theme-legal .tl li::after{background:repeating-linear-gradient(90deg,#E3D3B1 0 6px,transparent 6px 12px)}
.theme-legal .case-side{background:var(--lgl)}
.theme-legal .check-list.single .ic{background:#fff}
.theme-legal .section-cta{background:radial-gradient(640px 420px at 100% 0%,rgba(201,168,104,.34),transparent 70%),radial-gradient(500px 380px at 0% 100%,rgba(91,155,208,.18),transparent 70%),linear-gradient(135deg,#8A6A2F,#5E4720 55%,var(--ink))}
.theme-legal .section-cta h2{color:#fff}
.theme-legal .section-cta .next-steps li::before{color:#6F5424}
.theme-legal .form .field-check a{color:var(--lg)}
.theme-legal .field input:focus,.theme-legal .field select:focus,.theme-legal .field textarea:focus{border-color:var(--lg);box-shadow:0 0 0 4px rgba(138,106,47,.14)}
.theme-legal .about-grid{align-items:center}

/* ===== reszponzív ===== */
@media (max-width:1100px){
  .tl li::after{display:none}
  .case{gap:32px;padding:32px}
}
@media (max-width:900px){
  .hero.phero{padding:48px 0 64px}
  .phero-art{justify-self:start;max-width:280px}
  .portrait-media{justify-self:start}
  .check-list{grid-template-columns:1fr}
  .case{flex-direction:column}
  .tint-block{padding:32px 24px}
  .cta-simple h2{font-size:32px}
  .hero-legal::after{font-size:260px;right:-4%}
}
@media (max-width:767px){
  .acc summary{padding:16px 18px}
  .acc summary h3{font-size:17px}
  .acc-body{padding:0 18px 20px}
  .check-list li{padding:18px;font-size:17px}
  .case{padding:22px}
  .case h3{font-size:23px}
}
@media (prefers-reduced-motion:reduce){.phero-art svg{animation:none}}