/* =====================================================================
   qrkodmenu-site.css  (30.09.2026)
   Anasayfadaki yeni tasarım diline (Inter, lacivert/mavi/turuncu,
   yuvarlak kartlar) iç sayfaları uyumlu hale getirir.
   qrkodmenu-home.css'ten SONRA yüklenir; yalnızca üzerine yazar.
   ===================================================================== */
:root{
  --gold:#2968da; --gold-dark:#1f54b8;           /* eski "gold" = marka mavisi */
  --navy:#0f2448; --navy-2:#153665;
  --ink:#0f2448; --muted:#55627a; --bg-soft:#f3f8fe;
  --brand:#2968da; --brand-soft:#eaf1ff; --brand-line:#e3ebf7;
  --orange:#f58a1f; --orange-d:#e07a10;
  --radius:16px;
  --shadow-sm:0 1px 3px rgba(20,50,100,.06),0 4px 14px rgba(30,70,140,.05);
  --shadow-md:0 10px 30px rgba(30,70,140,.12);
}
body{font-family:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{letter-spacing:-.02em;}

/* ---------- Bölüm ritmi ---------- */
section{padding:64px 0;}
h2.section-title{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin-bottom:10px;}
p.section-sub{font-size:15.5px;color:var(--muted);margin-bottom:36px;}
.container{max-width:1240px;}

/* ---------- Butonlar ---------- */
.btn{border-radius:999px;padding:12px 24px;font-size:14.5px;transition:transform .15s,box-shadow .15s,background .15s;}
.btn:hover{transform:translateY(-1px);}
.btn-outline{border-color:#c9d6ee;color:var(--navy);background:#fff;}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);}
.btn-gold{background:var(--brand);box-shadow:0 6px 16px rgba(41,104,218,.28);}
.btn-gold:hover{background:var(--gold-dark);}
/* içerikteki ana çağrılar turuncu (anasayfadaki "Ücretsiz Menünü Oluştur" gibi) */
section .btn-gold,.cta-banner .btn-gold{background:linear-gradient(180deg,#ff9a31,#f5800a);box-shadow:0 8px 20px rgba(245,128,10,.32);}
section .btn-gold:hover,.cta-banner .btn-gold:hover{background:linear-gradient(180deg,#ff9f3d,#e97a08);}

/* ---------- Header / footer ---------- */
header{border-bottom:1px solid var(--brand-line);}
.top-bar{background:var(--navy);}
.nav-wrap{padding:14px 24px;max-width:1240px;}
nav.main-nav a.nav-link,.nav-dropdown-toggle{font-weight:600;color:var(--navy);}
nav.main-nav a.nav-link:hover,.nav-dropdown-toggle:hover{color:var(--brand);}
.nav-actions .btn{padding:10px 20px;}
.site-footer{background:linear-gradient(180deg,#0f2448,#0b1c39);}
.footer-col a:hover,.footer-legal a:hover{color:#8db4ff;}
.footer-socials a{transition:background .15s;}
.footer-socials a:hover{background:rgba(255,255,255,.14);}

/* ---------- Sayfa başlığı (breadcrumb + eyebrow + h1 + lead) ---------- */
.pg-head{position:relative;padding:48px 0 12px;background:linear-gradient(180deg,#eef5fd 0%,#fff 100%);}
section.pg-head{padding:48px 0 12px;}
.pg-crumb{font-size:13px;color:var(--muted);margin:0 0 18px;}
.pg-crumb a{color:var(--brand);font-weight:600;}
.pg-crumb a:hover{text-decoration:underline;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-soft);color:var(--brand);font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.01em;}
.pg-head h1{font-size:clamp(28px,3.6vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.025em;margin:16px 0 14px;max-width:760px;color:var(--navy);}
.pg-head h1 .accent,.hero h1 .accent{color:var(--brand);}
.pg-lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:660px;margin:0 0 8px;}

/* ---------- Hero (temalar vb.) ---------- */
.hero{background:linear-gradient(180deg,#eef5fd 0%,#fff 100%);padding:56px 0;}
.hero h1{font-size:clamp(28px,3.6vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--navy);margin-bottom:14px;}
.hero p{font-size:17px;line-height:1.65;color:var(--muted);}

/* ---------- Kartlar ---------- */
.plan-card,.service-card,.step,.faq-item,.compliance-banner,.ai-card,.compare-wrap{border-color:var(--brand-line);}
.plan-card{border:1px solid var(--brand-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px 28px;transition:transform .18s,box-shadow .18s;}
.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.plan-card.featured{border:1.5px solid var(--orange);box-shadow:0 16px 36px rgba(245,128,10,.16);}
.plan-badge{background:linear-gradient(180deg,#ff9a31,#f5800a);}
.plan-name{font-size:15px;font-weight:800;color:var(--navy);}
.plan-price{font-size:38px;letter-spacing:-.02em;color:var(--navy);}
.plan-features li::before{color:var(--brand);}
.plan-card .btn-outline{background:var(--brand-soft);border-color:transparent;color:var(--navy);}
.plan-card .btn-outline:hover{background:#dbe8ff;color:var(--brand);}
.plan-card.featured .btn-gold{width:100%;}

.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.pg-head + section,.pg-head + #paketler,.pg-head + #sss,.pg-head + #nasil-calisir{padding-top:36px;}
.service-card{background:#fff;border:1px solid var(--brand-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px;transition:transform .18s,box-shadow .18s;}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.service-card h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:16.5px;color:var(--navy);}
.service-card h3 .sv-ic{flex:0 0 40px;height:40px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.service-card h3 .sv-ic svg{width:20px;height:20px;}
.service-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.6;}

.step{background:#fff;border:1px solid var(--brand-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.step .num{background:var(--brand);box-shadow:0 6px 14px rgba(41,104,218,.3);}
.step h4{color:var(--navy);}
.step:not(:last-child)::after{background:repeating-linear-gradient(90deg,rgba(41,104,218,.35) 0 6px,transparent 6px 12px);}

.faq-item{border:1px solid var(--brand-line);border-radius:14px;box-shadow:var(--shadow-sm);transition:box-shadow .15s;}
.faq-item:hover{box-shadow:var(--shadow-md);}
.faq-item summary{color:var(--navy);}
.faq-item summary::after{color:var(--brand);}
.faq-item p{line-height:1.7;}

.compliance-banner{background:var(--bg-soft);border:1px solid var(--brand-line);}
.cta-banner{background:linear-gradient(135deg,#0f2448 0%,#153a75 100%);border-radius:22px;padding:52px;}
.cta-banner::before{background:radial-gradient(circle,rgba(41,104,218,.45),transparent 70%);}
.cta-eyebrow,.cta-eyebrow .line{color:#8db4ff;}
.cta-eyebrow .line{background:#8db4ff;}

/* ---------- İletişim ---------- */
.contact-card{border-color:var(--brand-line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;}
.contact-field label{color:var(--navy)!important;}
.contact-field input,.contact-field select,.contact-field textarea{border-color:#d6e0f2!important;border-radius:12px!important;}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(41,104,218,.16)!important;}
.contact-info-icon{background:var(--brand-soft)!important;color:var(--brand);}

/* ---------- Giriş / Kayıt ---------- */
.auth-wrap{background:linear-gradient(180deg,#eef5fd,#fff)!important;font-family:'Inter',system-ui,sans-serif!important;}
.auth-wrap .card{border:1px solid var(--brand-line);border-radius:20px!important;box-shadow:var(--shadow-md)!important;padding:40px!important;max-width:440px!important;}
.auth-wrap .card h1{font-size:24px!important;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin-bottom:6px!important;}
.auth-wrap .card .auth-sub{font-size:14px;color:var(--muted);margin:0 0 24px;}
.auth-wrap .card label{color:var(--navy);font-weight:600!important;}
.auth-wrap .card input{border:1px solid #d6e0f2!important;border-radius:12px!important;padding:12px 14px!important;font-family:inherit;transition:border-color .15s,box-shadow .15s;}
.auth-wrap .card input:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(41,104,218,.16);}
.auth-wrap .card button{background:linear-gradient(180deg,#ff9a31,#f5800a)!important;border-radius:999px!important;padding:14px!important;font-family:inherit;box-shadow:0 8px 20px rgba(245,128,10,.3);transition:transform .15s;}
.auth-wrap .card button:hover{transform:translateY(-1px);}
.auth-wrap .card a{color:var(--brand)!important;font-weight:600;}
.auth-wrap .card .error{background:#fdecec;border-radius:10px;padding:10px 12px;}

.auth-wrap .card .forgot{display:block;text-align:right;font-size:13px;margin:-6px 0 18px;}

/* ---------- Demolar ---------- */
.demolar-hero{background:linear-gradient(180deg,#eef5fd,#fff);padding:56px 0 20px!important;}
.demolar-hero h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.025em;color:var(--navy);margin-bottom:12px;}
.demolar-hero p{font-size:17px!important;color:var(--muted)!important;}
.demolar-group-title{color:var(--navy);border-bottom:1px solid var(--brand-line)!important;}
.demolar-card{border-color:var(--brand-line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;transition:transform .18s,box-shadow .18s;}
.demolar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important;}
.demolar-card-creds-title{color:var(--brand)!important;}
.demolar-cred-row code{background:var(--brand-soft)!important;color:var(--navy)!important;}

/* ---------- Mobil ---------- */
@media (max-width:860px){
  .services-grid{grid-template-columns:1fr;}
  section{padding:44px 0;}
  section.pg-head,.pg-head{padding:32px 0 8px;}
  .hero{padding:40px 0;}
  .cta-banner{padding:34px 24px;}
  .nav-wrap{padding:12px 16px;}
}
@media (max-width:480px){
  .pg-lead,.hero p{font-size:15.5px;}
  .auth-wrap .card{padding:28px 22px!important;}
}
/* Footer: logo header logosu ile aynı soldan başlasın (masaüstü) */
@media (min-width:1200px){
  .site-footer .container{max-width:1560px;padding-left:calc(min(1560px,100%)*.0504);padding-right:calc(min(1560px,100%)*.0504)}
  .site-footer .footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:48px}
}