/* Finszter Ügyvédi Iroda – vizuális frissítés v1 | 2026-09-04 */
:root{
  --fg:#1d2a33;
  --muted:#64727d;
  --line:#dce3e7;
  --bg:#f3f5f5;
  --soft:#eef2f3;
  --card:#ffffff;
  --brand:#173f5b;
  --brand-dark:#0b2b42;
  --brand-soft:#e9f0f4;
  --ok:#245b45;
  --gold:#d7b36a;
  --gold-dark:#af8842;
  --cream:#f7f2e8;
  --shadow:0 18px 50px rgba(11,43,66,.10);
  --shadow-soft:0 8px 26px rgba(11,43,66,.07);
}

html{scroll-padding-top:18px}
body.site-standard{
  background:
    radial-gradient(circle at 10% 0%,rgba(215,179,106,.10),transparent 28rem),
    linear-gradient(180deg,#f7f8f8 0%,#f2f4f5 100%);
  color:var(--fg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
body.site-standard .wrapper{max-width:1120px}
body.site-standard main.wrapper{padding-top:34px;padding-bottom:72px}

/* HERO / FEJLÉC */
body.site-standard .header{
  background:transparent;
  padding:22px 18px 0;
}
body.site-standard .header .wrapper{
  position:relative;
  overflow:visible;
  color:#fff;
  background:
    radial-gradient(circle at 85% 15%,rgba(215,179,106,.20),transparent 22rem),
    linear-gradient(135deg,#173f5b 0%,#0b2b42 72%,#092437 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  box-shadow:0 22px 55px rgba(11,43,66,.20);
  padding:clamp(30px,5vw,56px);
  padding-right:clamp(118px,14vw,150px);
}
body.site-standard .brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:7px 12px;
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
}
body.site-standard .brand::before{background:var(--gold);box-shadow:0 0 0 4px rgba(215,179,106,.12)}
body.site-standard .brand:hover,
body.site-standard .brand:focus-visible{background:rgba(255,255,255,.14);filter:none}
body.site-standard .header h1{
  max-width:900px;
  margin:.22em 0 .34em;
  color:#fff;
  font-size:clamp(32px,5vw,58px);
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body.site-article .header h1{font-size:clamp(30px,4.4vw,50px);max-width:880px}
body.site-standard .header .lead{
  max-width:820px;
  color:rgba(255,255,255,.82);
  font-size:clamp(16px,2vw,19px);
  line-height:1.62;
}
body.site-standard .header .meta{color:rgba(255,255,255,.68)}

/* fejléc CTA */
body.site-standard .header .nav{margin-top:24px;gap:12px;align-items:flex-start}
body.site-standard .header .nav a{
  min-height:44px;
  padding:11px 18px;
  border:1px solid var(--gold);
  background:var(--gold);
  color:#102b3d;
  border-radius:12px;
  box-shadow:none;
  font-weight:800;
}
body.site-standard .header .nav a:hover,
body.site-standard .header .nav a:focus-visible{
  background:#e3c585;
  border-color:#e3c585;
  color:#0b2b42;
  transform:translateY(-1px);
}
body.site-standard .header .nav a.secondary-nav,
body.site-standard .header .subpage-nav a.secondary-link{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.36);
}
body.site-standard .header .nav a.secondary-nav:hover,
body.site-standard .header .subpage-nav a.secondary-link:hover{
  background:#fff;color:var(--brand-dark);border-color:#fff;
}
body.site-standard .header .cta-note{color:rgba(255,255,255,.69);max-width:400px}

/* Napi tipp a hero-ban */
body.site-standard .daily-tip{
  margin-top:24px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:rgba(255,255,255,.075);
  box-shadow:none;
  backdrop-filter:blur(4px);
}
body.site-standard .daily-tip-label{
  background:rgba(215,179,106,.16);
  color:#f1d8a4;
  border-color:rgba(215,179,106,.32);
}
body.site-standard .daily-tip-label::before{background:var(--gold)}
body.site-standard .daily-tip h2{color:#fff;border:0;padding:0;margin:.55rem 0 .35rem;font-size:1.24rem}
body.site-standard .daily-tip-answer{color:rgba(255,255,255,.82)}
body.site-standard .daily-tip-link{background:#fff;color:var(--brand-dark);border-color:#fff;border-radius:11px}
body.site-standard .daily-tip-link:hover{background:var(--gold);border-color:var(--gold);color:#102b3d}

/* Kutyus – marad jobb felül, kissé egységesítve */
body.site-standard .dog-chip-link{top:18px;right:18px;color:#fff}
body.site-standard .dog-chip-head{
  width:48px;height:48px;
  border:2px solid rgba(215,179,106,.72);
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
body.site-standard .dog-chip-art{width:35px;height:35px}
body.site-standard .dog-chip-label{
  color:#fff;
  background:rgba(7,30,46,.74);
  border:1px solid rgba(255,255,255,.16);
  padding:4px 7px;
  text-shadow:none;
  backdrop-filter:blur(3px);
}
body.site-standard .dog-chip-link:hover .dog-chip-label{color:#f1d8a4}
body.site-standard .dog-chip-link:focus-visible{outline-color:var(--gold)}

/* Tartalmi kártyák */
body.site-standard .section,
body.site-standard .contact-card,
body.site-standard .checklist-box,
body.site-standard .step-item{
  border:1px solid var(--line);
  background:#fff;
  border-radius:20px;
  box-shadow:var(--shadow-soft);
}
body.site-standard .section{padding:clamp(20px,3vw,30px);margin:20px 0}
body.site-standard .section h2,
body.site-standard .contact-card h2,
body.site-standard .checklist-box h3{
  color:var(--brand-dark);
  border-top:0;
  padding-top:0;
}
body.site-standard .section > h2:first-child{margin-top:0}
body.site-standard h2{color:var(--brand-dark);letter-spacing:-.018em}
body.site-standard h3{color:var(--brand)}
body.site-standard .lead,
body.site-standard .meta,
body.site-standard .search-hint,
body.site-standard .card span{color:var(--muted)}
body.site-standard .quick-summary,
body.site-standard .client-path,
body.site-standard .contact-card{
  background:linear-gradient(135deg,#fff 0%,#f8f5ef 100%);
}
body.site-standard .quick-summary{border-left:4px solid var(--gold)}
body.site-standard .contact-card{border-top:4px solid var(--brand)}

/* Főoldal tagolás */
body.site-home main.wrapper > h2{
  margin:42px 0 14px;
  padding:0;
  border:0;
  color:var(--brand-dark);
  font-size:1.12rem;
  letter-spacing:.015em;
  text-transform:none;
}
body.site-home main.wrapper > h2::before{
  content:"";
  display:inline-block;
  width:24px;height:3px;
  margin:0 10px 4px 0;
  background:var(--gold);
  border-radius:999px;
}
body.site-home .checklist-overview{background:linear-gradient(135deg,#fff 0%,#f8fafb 100%)}
body.site-home .checklist-box{box-shadow:none;background:#fbfcfc}
body.site-home .checklist-box h3{font-size:1.12rem}
body.site-home .top-list li::marker{color:var(--gold-dark)}

/* Kérdéskártyák */
body.site-standard .grid{gap:14px}
body.site-standard .card{
  position:relative;
  min-height:86px;
  padding:18px 50px 18px 19px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 16px rgba(11,43,66,.045);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
body.site-standard a.card::after{
  content:"→";
  position:absolute;
  right:18px;top:50%;transform:translateY(-50%);
  color:var(--gold-dark);
  font-size:1.2rem;
  font-weight:800;
}
body.site-standard .card strong{color:var(--brand-dark);line-height:1.38}
body.site-standard .card:hover,
body.site-standard .card:focus-visible{
  transform:translateY(-2px);
  border-color:#bfcdd5;
  background:#fcfdfd;
  box-shadow:0 12px 30px rgba(11,43,66,.10);
  outline:none;
}

/* Gombok */
body.site-standard .cta-button,
body.site-standard .copy-button{
  min-height:43px;
  padding:10px 16px;
  border-radius:11px;
  border-color:var(--brand);
  background:var(--brand);
  box-shadow:none;
}
body.site-standard .cta-button:hover,
body.site-standard .copy-button:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
body.site-standard .cta-button.secondary,
body.site-standard .copy-button.secondary{background:#fff;color:var(--brand);border-color:#b8c9d3}
body.site-standard .cta-button.secondary:hover,
body.site-standard .copy-button.secondary:hover{background:var(--brand-soft);color:var(--brand-dark);border-color:#9eb5c2}
body.site-standard .contact-email{color:var(--brand);text-underline-offset:3px}

/* Figyelmeztetések */
body.site-standard .notice,
body.site-standard .privacy-warning{
  color:#5e421b;
  background:#fff9ed;
  border:1px solid #ead3a5;
  border-left:4px solid var(--gold);
  border-radius:14px;
}
body.site-standard .privacy-warning strong{color:#5e421b}

/* Lábléc */
body.site-standard .footer{
  background:var(--brand-dark);
  border:0;
  color:rgba(255,255,255,.75);
}
body.site-standard .footer .wrapper{padding-top:28px;padding-bottom:92px}
body.site-standard .footer a{color:#fff}
body.site-standard .footer .meta{color:rgba(255,255,255,.56)}
body.site-standard .footer-links{gap:18px;margin-top:10px}
body.site-standard .footer a:hover{color:#f1d8a4}

/* Költözz el képzeletben – kis lebegő játékfül */
.imagine-game-link{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:5000;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:270px;
  padding:9px 13px 9px 9px;
  color:#102b3d;
  background:rgba(255,255,255,.96);
  border:1px solid #d6c39a;
  border-radius:15px;
  box-shadow:0 12px 34px rgba(11,43,66,.18);
  text-decoration:none;
  line-height:1.15;
  backdrop-filter:blur(5px);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.imagine-game-link:hover,
.imagine-game-link:focus-visible{
  transform:translateY(-2px);
  border-color:var(--gold-dark);
  box-shadow:0 16px 38px rgba(11,43,66,.24);
  outline:none;
}
.imagine-game-icon{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;height:40px;
  color:#fff;
  background:var(--brand);
  border-radius:11px;
}
.imagine-game-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.imagine-game-copy{display:flex;flex-direction:column;gap:2px}
.imagine-game-copy strong{font-size:12.5px;color:var(--brand-dark);white-space:nowrap}
.imagine-game-copy small{font-size:10.5px;color:var(--gold-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* Cikkoldalak kényelmesebb olvasása */
body.site-article main.wrapper{max-width:940px}
body.site-article main.wrapper > .section,
body.site-article main.wrapper > .notice,
body.site-article main.wrapper > .contact-card{max-width:900px;margin-left:auto;margin-right:auto}
body.site-article .related-questions .grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
body.site-article .section p,
body.site-article .section li{max-width:78ch}
body.site-article .sources{font-size:.93rem}

/* Mobil */
@media(max-width:720px){
  body.site-standard{font-size:15.5px}
  body.site-standard .header{padding:10px 10px 0}
  body.site-standard .header .wrapper{
    padding:22px 16px 24px;
    padding-top:78px;
    border-radius:22px;
  }
  body.site-standard .header h1{font-size:clamp(29px,9vw,40px);line-height:1.08}
  body.site-standard .header .lead{font-size:16px}
  body.site-standard .dog-chip-link{top:12px;right:10px;width:86px}
  body.site-standard .dog-chip-head{width:42px;height:42px}
  body.site-standard .dog-chip-art{width:31px;height:31px}
  body.site-standard .brand{position:absolute;top:16px;left:16px;max-width:calc(100% - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.site-standard main.wrapper{padding:22px 12px 76px}
  body.site-standard .section{padding:18px 16px;border-radius:17px;margin:14px 0}
  body.site-standard .grid{grid-template-columns:1fr;gap:10px}
  body.site-standard .card{min-height:72px;padding:15px 45px 15px 15px;border-radius:14px}
  body.site-standard .contact-card{padding:18px 16px;border-radius:17px}
  body.site-standard .header .nav a,
  body.site-standard .subpage-nav a{width:100%}
  body.site-standard .daily-tip{padding:16px;margin-top:18px}
  body.site-home main.wrapper > h2{margin-top:30px;font-size:1.05rem}
  .imagine-game-link{left:10px;bottom:10px;padding:7px 9px 7px 7px;border-radius:13px}
  .imagine-game-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  .imagine-game-icon svg{width:21px;height:21px}
  .imagine-game-copy strong{font-size:11.5px}
  .imagine-game-copy small{font-size:9.5px}
}
@media(max-width:390px){
  .imagine-game-copy strong{max-width:160px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* Apró fejléc-finomítás cikkoldalakon */
body.site-article .header .wrapper > .cta-note{
  max-width:650px;
  margin:10px 0 0;
  color:rgba(255,255,255,.66);
  text-align:left;
  line-height:1.45;
}