/*
Theme Name: Look AD This — Neon Sales Theme Pro
Theme URI: https://lookadthis.com
Author: Look AD This
Description: Dark/neon, sales-driven landing theme with range-based pricing, sticky CTA, WhatsApp chat, cookie consent (GDPR), AJAX contact & lead capture, SEO/OG/JSON‑LD, Customizer options.
Version: 7.6.7
Text Domain: lookadthis
*/

/* START: How We Compare (Updated) */
:root{
  --bg:#0b1117;
  --card:#0f1722cc;
  --text:#fdfdfd;
  --muted:#9fb0c3;
  --line:#1e293b;
  --accent:#00e0ff;
  --good:#22c55e;
  --meh:#fbbf24;
  --bad:#ef4444;
}
.compare-wrap{
  background: linear-gradient(180deg, transparent, #0b111780);
  border-radius: 20px;
  padding: 16px;
  overflow-x:auto;
  box-shadow: 0 0 0 1px #0b2033 inset, 0 10px 30px #0006;
}
.compare-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  color:var(--text);
  background:var(--card);
  border:1px solid #0b2033;
  border-radius:16px;
  overflow:hidden;
}
.compare-table caption{
  caption-side: top;
  font-size:1.25rem;
  font-weight:700;
  color:#e9fbff;
  padding:14px 16px;
  text-align:center;
  background: radial-gradient(1000px 30px at 50% -10px, #00e0ff40, transparent);
}
.compare-table thead th{
  position:sticky; top:0;
  background:#0f1722;
  color:#aee9f6;
  font-weight:700;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.compare-table th[scope="row"]{
  position:sticky; left:0;
  background:linear-gradient(90deg,#0f1722 65%, #0f1722cc);
  color:#aee9f6;
  font-weight:600;
  min-width:190px;
  border-right:1px solid var(--line);
}
.compare-table td{
  padding:14px 16px;
  color:var(--text);
}
.compare-table tbody tr:nth-child(odd) td{ background: #0e1520; }
.compare-table tbody tr:nth-child(even) td{ background: #0b1320; }
.compare-table td, .compare-table th{ border-bottom:1px solid var(--line); }
.compare-table td:hover, .compare-table th:hover{ background: #102236; }
.badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:1.25rem; height:1.25rem; border-radius:999px; 
  font-size:.85rem; font-weight:700; line-height:1;
  margin-right:.5rem; transform:translateY(-1px);
  background:#334155; color:#fff;
}
.badge.good{ background: var(--good); }
.badge.meh{ background: var(--meh); color:#111827; }
.badge.bad{ background: var(--bad); }
.legend{ color:var(--muted); font-size:.9rem; margin:.6rem .25rem 0; }
.legend .legend-note{ opacity:.8; margin-left:.25rem; }
@media (max-width:900px){
  .compare-table th[scope="row"]{ min-width:160px; }
  .compare-table td{ font-size:.95rem; }
  .compare-table thead th{ font-size:.95rem; }
}
/* END: How We Compare (Updated) */

/* === Compare table: icon alignment + CTA removal (migrated from WP panel) === */
.compare-table .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
}

/* Remove CTA button inside comparison table */
.compare-wrap .btn,
.compare-wrap .cta,
.compare-wrap a.btn {
  display: none !important;
}

/* Color tuning (optional but recommended) */
.compare-table .badge.good {
  background: rgba(0, 200, 150, 0.15);
  color: #00e0b0;
}

.compare-table .badge.meh {
  background: rgba(255, 200, 0, 0.15);
  color: #ffcc00;
}

.compare-table .badge.bad {
  background: rgba(255, 80, 80, 0.15);
  color: #ff5a5a;
}

/* === Advantage (top 3 cards) + Compare emphasis === */
.lat-adv-card h3{display:flex;align-items:center;gap:10px}
.lat-adv-ico{font-size:1.2rem;line-height:1;filter:saturate(1.1)}

.compare-table .lat-col{
  position:relative;
  background: linear-gradient(180deg, rgba(0,167,255,0.08), rgba(0,167,255,0.03));
}
.compare-table thead th.lat-col{
  border-bottom:1px solid rgba(0,167,255,0.28);
}
.compare-table td.lat-col{border-bottom:1px solid rgba(0,167,255,0.18)}
.compare-table .lat-col::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(0,167,255,0.22);
}
.compare-table .col-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:10px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.2px;
  color:#bfefff;
  background:rgba(0,167,255,0.14);
  border:1px solid rgba(0,167,255,0.32);
  transform:translateY(-1px);
}
.compare-cta{margin-top:14px;display:flex;justify-content:center}
.compare-cta .btn{min-width:220px}


/* === Look AD This: Basic Campaign Estimated Analytics === */
.lat-analytics-section{padding:72px 0;background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.06)}
.lat-analytics-section .section-title{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:.2px;margin:0 0 6px;display:flex;align-items:center;gap:10px}
.lat-analytics-section .lat-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:999px;background:rgba(0,200,140,.15);border:1px solid rgba(0,200,140,.35)}
.lat-analytics-section .section-subtitle{opacity:.8;margin:0 0 28px}
.lat-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lat-analytics-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:18px 18px 14px;backdrop-filter:saturate(120%) blur(6px)}
.lat-analytics-card header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.lat-analytics-card h3{font-size:clamp(16px,1.6vw,18px);margin:0}
.lat-emoji{font-size:20px;line-height:1}
.lat-metrics{list-style:none;margin:10px 0 0;padding:0}
.lat-metrics li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px dashed rgba(255,255,255,0.08)}
.lat-metrics li:first-child{border-top:none}
.lat-metrics strong{font-weight:700}
.lat-metrics span{opacity:.9}
.lat-disclaimer{font-size:.85rem;opacity:.7;margin-top:18px}
@media (max-width: 900px){
  .lat-analytics-grid{grid-template-columns:1fr}
  .lat-analytics-card{padding:16px}
}


/* === Analytics Cards match How We Compare === */
.latx-card, .lat-analytics-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}


/* Analytics kartlarını How We Compare kutucuklarıyla aynı yap */
#latx-analytics .latx-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
#latx-analytics .latx-title,
#latx-analytics .latx-sub,
#latx-analytics .latx-legend {
  text-align: center;
}
#latx-analytics .latx-tabs {
  justify-content: center;
}

/* Contact section: 2 column layout */
#cta .rates-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* iki eşit sütun */
  gap: 20px; /* kutular arası boşluk */
}

#cta .card {
  flex: 1;
}

/* Mobilde tekrar alt alta düşmesi için */
@media (max-width: 768px) {
  #cta .rates-grid {
    grid-template-columns: 1fr; /* tek sütun */
  }
}


/* === LOOK AD THIS: CTA section UX Enhancements === */

/* 2-column layout for CTA area */
section#cta .rates-grid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch;
}

/* cards side-by-side 50/50 on desktop */
section#cta .rates-grid > .card {
  flex: 1 1 50% !important;
  max-width: 50% !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* card content spacing */
section#cta .rates-grid > .card h3 { margin-top: 0; }
section#cta .rates-grid > .card p.lead { margin-top: 4px; margin-bottom: 16px; }

/* Form grid inside left card */
section#cta .lat-contact .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

section#cta .lat-contact input[type="text"],
section#cta .lat-contact input[type="email"],
section#cta .lat-contact textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: inherit;
  outline: none;
  transition: border .2s ease, box-shadow .2s ease;
}

section#cta .lat-contact textarea {
  min-height: 180px;
  grid-column: 1 / -1; /* span both columns */
  resize: vertical;
}

section#cta .lat-contact input[type="text"]::placeholder,
section#cta .lat-contact input[type="email"]::placeholder,
section#cta .lat-contact textarea::placeholder {
  color: rgba(255,255,255,0.55);
}

/* Focus states */
section#cta .lat-contact input[type="text"]:focus,
section#cta .lat-contact input[type="email"]:focus,
section#cta .lat-contact textarea:focus {
  border-color: rgba(0,200,140,0.55);
  box-shadow: 0 0 0 2px rgba(0,200,140,0.18);
}

/* Consent + button row */
section#cta .lat-contact .consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
  opacity: 0.9;
}

section#cta .lat-contact .consent label { cursor: pointer; }

section#cta .lat-contact .btn.btn-primary {
  justify-self: end;
  grid-column: 2 / 3;
  padding: 12px 18px;
  border-radius: 999px;
}

/* Form note (success/error) */
section#cta .lat-contact .form-note.small {
  grid-column: 1 / -1;
  margin-top: -4px;
  opacity: .9;
}

/* Right card (Download our app) - center content */
section#cta .rates-grid > .card:nth-child(2) {
  /* safe centering without breaking theme */
}
section#cta .rates-grid > .card:nth-child(2) p { margin: 8px 0 0; }

/* Mobile stacking */
@media (max-width: 900px) {
  section#cta .rates-grid > .card {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  section#cta .lat-contact .form-grid {
    grid-template-columns: 1fr;
  }
  section#cta .lat-contact .btn.btn-primary {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: center;
  }
}
/* === /CTA UX Enhancements === */

/* Contact 2-col fallback & mobile */
section#cta .rates-grid > .card { min-width:0 } /* grid içinde taşma olmasın */

/* Form içi 2 sütun */
section#cta .lat-contact .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
section#cta .lat-contact textarea { grid-column: 1 / -1; min-height: 180px }
section#cta .lat-contact .consent { grid-column: 1 / -1; display: flex; gap: 10px }
section#cta .lat-contact .btn.btn-primary { grid-column: 2 / 3; justify-self: end }

/* Mobilde tek sütun */
@media (max-width: 900px){
  section#cta .rates-grid { grid-template-columns: 1fr !important }
  section#cta .lat-contact .form-grid { grid-template-columns: 1fr }
  section#cta .lat-contact .btn.btn-primary { grid-column: 1 / -1; justify-self: stretch }
}



/* === LAT v7.6: Mobile & UI Enhancements === */
:root {
  --lat-radius: 16px;
}
/* Analytics cards — unify look with theme */
.lat-analytics, .analytics-grid, .analytics-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.lat-analytics .card, .analytics-cards .card, .analytics-card {
  background: var(--card-bg, #0b0e14);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: var(--lat-radius);
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.lat-analytics .card h3, .analytics-card h3 { margin:0 0 8px; font-size:1.1rem }
.lat-analytics .metric, .analytics-card .metric { font-size:2rem; font-weight:700; line-height:1.1 }
/* CTA split section */
.section.cta .lat-split { display:grid; grid-template-columns: 1fr; gap:24px; }
@media(min-width: 900px){ .section.cta .lat-split { grid-template-columns: 1fr 1fr; } }
.section.cta .box {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--lat-radius);
  padding: 24px;
}
/* FAQ accordion */
.faq .faq-item { border-bottom:1px solid rgba(255,255,255,.08); }
.faq .faq-q { display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:16px 0; font-weight:600; }
.faq .faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq .faq-item.open .faq-a { max-height: 400px; }
/* Forms */
form .error { color:#ff6b6b; font-size:.9rem; margin-top:6px }
form .success { color:#2fd58c; font-size:.95rem; margin-top:8px }
#lat-contact input, #lat-contact textarea {
  width: 100%; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.02);
  color:inherit; border-radius:12px; padding:12px 14px;
}
#lat-contact button[type=submit] { width:100%; padding:14px 16px; border-radius:12px; font-weight:700 }
@media(max-width:480px){
  h1 { font-size: clamp(1.8rem, 5vw, 2.4rem); }
  .hero .cta-row { flex-direction:column; gap:12px }
  .rates-grid, .features-grid { grid-template-columns:1fr; }
  .section { padding: 48px 0 }
}
/* Lazy images: reserve space to reduce CLS */
img[loading=lazy]{content-visibility:auto; contain-intrinsic-size: 1280px 720px; max-width:100%; height:auto;}
/* Footer quick contacts */
.footer .quick { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px }
.footer .quick a { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid rgba(255,255,255,.1); border-radius:12px }


/* === Hero Upgrade (v7.6.7) === */
.section.hero{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 50% 35%, rgba(0,167,255,.16), transparent 55%),
    radial-gradient(700px 500px at 70% 10%, rgba(255,106,0,.10), transparent 55%),
    linear-gradient(180deg, #070B12 0%, #05070C 100%);
}
.section.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(/wp-content/themes/lookadthis-theme-v7.6.7-hero-upgrade/)' opacity='.12'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
  pointer-events:none;
}
.hero-title{letter-spacing:-.02em}
.hero-title .dim{opacity:.85}
.rotator{
  display:inline-block;
  padding:.06em .35em;
  border-radius:999px;
  background: rgba(0,167,255,.12);
  border: 1px solid rgba(0,167,255,.35);
  color: #EAF6FF;
  transform: translateY(-2px);
  white-space:nowrap;
}
.rotator.swap{ animation: latx-pop .22s ease-out; }
@keyframes latx-pop{ from{transform:translateY(2px);opacity:.45} to{transform:translateY(-2px);opacity:1} }
.hero-sub{max-width: 920px; margin-left:auto; margin-right:auto}
.hero-micro{
  margin-top: 10px;
  font-size: .98rem;
  opacity: .88;
}
.hero .proof-badges{margin-top:16px}
.hero .proof-badges li{opacity:.92}



/* === LAT v7.6.1: Color & 6‑Sector Analytics Support === */
:root{
  --lat-bg:#0b0f14;
  --lat-card:#0f141b;
  --lat-border:rgba(255,255,255,.08);
  --lat-text:#e6eef8;
  --lat-muted:#9fb0c3;
  --lat-accent:#18d1c1;
}
body{color:var(--lat-text);}
.section.dark, .section.analytics, .basic-analytics{background:var(--lat-bg);}
.section.analytics h2, .basic-analytics h2{color:var(--lat-text);}

/* Pills / toggles */
.pill-toggle, .analytics-toggles{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.pill-toggle .pill, .analytics-toggles .pill{
  padding:8px 14px; border-radius:999px; border:1px solid rgba(24,209,193,.35);
  background:rgba(24,209,193,.08); color:var(--lat-text); font-weight:600; font-size:.95rem
}
.pill-toggle .pill.is-active, .analytics-toggles .pill.is-active{ background:var(--lat-accent); color:#031412; border-color:transparent }
.pill-toggle .pill:hover, .analytics-toggles .pill:hover{ filter:saturate(1.2) brightness(1.1) }

/* Analytics grid with 6 cards */
.analytics-grid, .lat-analytics, .basic-analytics .cards{
  display:grid; gap:16px; grid-template-columns:repeat(1,minmax(240px,1fr));
}
@media(min-width:700px){ .analytics-grid, .lat-analytics, .basic-analytics .cards{ grid-template-columns:repeat(2,minmax(260px,1fr)); } }
@media(min-width:1024px){ .analytics-grid, .lat-analytics, .basic-analytics .cards{ grid-template-columns:repeat(3,1fr); } }

.analytics-grid .card, .lat-analytics .card, .basic-analytics .card{
  background:var(--lat-card); border:1px solid var(--lat-border); border-radius:16px; padding:20px
}
.analytics-grid .card h3, .lat-analytics .card h3, .basic-analytics .card h3{ margin:0 0 10px; color:var(--lat-text) }
.analytics-grid .card .label, .lat-analytics .card .label, .basic-analytics .card .label{ color:var(--lat-muted); }
.analytics-grid .card .metric, .lat-analytics .card .metric, .basic-analytics .card .metric{ font-size:2rem; font-weight:800; line-height:1.1 }

/* Dividers for items inside a card */
.analytics-grid .row, .lat-analytics .row, .basic-analytics .row{
  display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-top:1px dashed rgba(255,255,255,.09)
}
.analytics-grid .row:first-child, .lat-analytics .row:first-child, .basic-analytics .row:first-child{ border-top:none }

/* Utility: force 6 cards layout on desktop */
.cols-6 .analytics-grid, .cols-6 .lat-analytics, .cols-6 .basic-analytics .cards{ grid-auto-rows:1fr }

/* === LAT v7.6.2: Analytics contrast + toggles + 6-card polish === */

/* Toggle (pill) — pasif/aktif */
.analytics-toggles .pill {
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 600;
  font-size: .95rem;
  background: #1a1f29;
  border: 1px solid #2c3b4f;
  color: #c9d6e9;
  transition: all .2s ease;
}
.analytics-toggles .pill:hover { background: #243043; color: #fff; }
.analytics-toggles .pill.is-active {
  background: #18d1c1;
  border-color: #18d1c1;
  color: #031412;
  box-shadow: 0 0 12px rgba(24,209,193,.6);
}

/* Analytics kartları — daha net kontrast */
.basic-analytics .card {
  background: #111722;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 20px;
  color: #dfe7f3;
}
.basic-analytics .card h3 {
  color: #ffffff;
  font-size: 1.05rem;
  margin-bottom: 10px;
}
.basic-analytics .row { 
  display:flex; justify-content:space-between; align-items:baseline;
  padding:10px 0; border-top:1px dashed rgba(255,255,255,.09);
}
.basic-analytics .row:first-child { border-top:none; }
.basic-analytics .row .label { color: #9fb0c3; font-size: .9rem; }
.basic-analytics .row .metric { color:#ffffff; font-size:1.2rem; font-weight:700; }

/* 6 sektör için grid (desktop 3x2, tablet 2x3, mobil 1x6) */
.basic-analytics .cards {
  display:grid; gap:16px; grid-template-columns: repeat(1, minmax(240px, 1fr));
}
@media(min-width:700px){ .basic-analytics .cards{ grid-template-columns: repeat(2, minmax(260px,1fr)); } }
@media(min-width:1024px){ .basic-analytics .cards{ grid-template-columns: repeat(3,1fr); } }


/* Print basics */
@media print{
  .no-print, .site-header, .site-footer, nav, .button, .btn { display:none !important; }
  a:after{ content:'' !important }
  body{ background:#fff; color:#000; }
}

/* === CONTACT FORM GENISLIK VE HIZALAMA === */
.section.contact .container {
  display: flex;
  justify-content: center;
}

.section.contact .card {
  width: 100%;
  max-width: 1200px; /* üstteki 2 kutunun toplam genişliğine yakın */
  margin: 0 auto;
  padding: 32px 48px;
  box-sizing: border-box;
}

/* form genel yapısı */
#lat-contact,
.section.contact .lat-contact,
form.lat-contact {
  width: 100%;
  display: block;
  margin: 0 auto;
}

/* input ve textarea alanları */
#lat-contact .form-grid input,
#lat-contact .form-grid textarea,
#lat-contact input[type="text"],
#lat-contact input[type="email"],
#lat-contact textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}

/* checkbox ve açıklama metni hizası */
#lat-contact label,
#lat-contact p {
  text-align: left;
  width: 100%;
}

/* responsive düzen: mobilde daralt */
@media (max-width: 768px) {
  .section.contact .card {
    max-width: 95%;
    padding: 24px;
  }
}



/* === FOOTER PRO UPGRADE === */
.lat-footer { background:#0b1117; color:#e6edf3; margin-top:48px; border-top:1px solid rgba(230,237,243,.06); }
.lat-footer .container { max-width:1200px; padding:32px 24px; margin:0 auto; box-sizing:border-box; }
.lat-footer .footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:32px; align-items:start; }
.lat-footer .brand-wrap{ display:inline-flex; align-items:center; }
.lat-footer .brand-logo{ max-width:240px; height:auto; border-radius:12px; }
.lat-footer .tagline{ opacity:.8; margin-top:12px; }
.lat-footer h4{ font-size:1.1rem; margin:0 0 12px 0; color:#00e0ff; }
.lat-footer .foot-list,.lat-footer .foot-menu{ list-style:none; padding:0; margin:0; }
.lat-footer .foot-list li{ margin:6px 0; }
.lat-footer a{ color:#00e0ff; text-decoration:none; }
.lat-footer a:hover{ text-decoration:underline; }
.lat-footer .socials{ display:flex; gap:12px; margin-top:10px; }
.lat-footer .socials a{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:999px; background:rgba(0,224,255,.1); border:1px solid rgba(0,224,255,.3); font-weight:600; }
.lat-footer .cta{ display:inline-block; margin-top:14px; padding:10px 16px; border-radius:999px; background:linear-gradient(90deg,#28e0ff,#65f3ff); color:#001018; font-weight:700; }
.lat-footer .sub-bar{ border-top:1px solid rgba(230,237,243,.06); margin-top:16px; }
.lat-footer .sub-wrap{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 24px; }
.lat-footer .policies a{ color:#9fb2c7; margin-left:12px; } .lat-footer .policies a:hover{ color:#e6edf3; }
@media (max-width:900px){ .lat-footer .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .lat-footer .footer-grid{ grid-template-columns:1fr; } .lat-footer .brand-logo{ max-width:200px; } .lat-footer .sub-wrap{ flex-direction:column; align-items:flex-start; } }

/* === CONTACT FORM HARD FIX === */
.section.contact .container, .section#contact .container, #contact .container, .section.cta .container{ max-width:1200px!important; width:100%!important; margin:0 auto!important; }
.section.contact .card, .section#contact .card, #contact .card, .section.cta .card{ max-width:1200px!important; width:100%!important; margin:0 auto!important; box-sizing:border-box; }
#lat-contact{ width:100%!important; max-width:1200px!important; margin:0 auto!important; display:block!important; }
#lat-contact .form-grid{ display:grid!important; grid-template-columns:1fr 1fr; gap:16px; }
#lat-contact textarea{ grid-column:1 / -1; min-height:160px; }
@media (max-width:768px){ .section.contact .card, .section.cta .card{ max-width:95%!important; } #lat-contact .form-grid{ grid-template-columns:1fr; gap:12px; } }

/* === ANALYTICS KUTULARI: 4 STEPS STILI === */
.lat-metrics .cards, .lat-metrics .grid, .lat-metrics .row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.lat-metrics .card, .lat-metrics .metric-card, .lat-metrics .box{
  background: linear-gradient(180deg, rgba(11,17,23,.75), rgba(11,17,23,.55)) padding-box,
              radial-gradient(120% 120% at 0% 0%, rgba(0,224,255,.12), transparent 60%) border-box;
  border:1px solid rgba(230,237,243,.06); border-radius:20px; box-shadow:0 0 1px #0b2033 inset, 0 10px 30px #0006; padding:24px 28px;
}
.lat-metrics .card h3, .lat-metrics .metric-card h3{ margin:0 0 10px 0; font-weight:800; }
.lat-metrics .row-item, .lat-metrics .line, .lat-metrics .metric{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(230,237,243,.06); padding:12px 0; }
.lat-metrics .row-item:first-child, .lat-metrics .line:first-child, .lat-metrics .metric:first-child{ border-top:none; }
.lat-metrics .label{ opacity:.9; font-weight:700; }
@media (max-width:1100px){ .lat-metrics .cards, .lat-metrics .grid, .lat-metrics .row{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .lat-metrics .cards, .lat-metrics .grid, .lat-metrics .row{ grid-template-columns:1fr; } .lat-metrics .card, .lat-metrics .metric-card, .lat-metrics .box{ padding:20px 20px; } }
/* === ANALYTICS → 4-STEPS İLE AYNI STİL (HARD OVERRIDE) === */

/* GRID düzeni: desktop 3, tablet 2, mobil 1 */
.lat-metrics :is(.cards,.grid,.row,.items,.wrap) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

/* KART: 4-Steps ile aynı kaplama, border, radius, gölge, padding */
.lat-metrics :is(.card,.metric-card,.box,.panel,.item) {
  background:
    linear-gradient(180deg, rgba(11,17,23,.75), rgba(11,17,23,.55)) padding-box,
    radial-gradient(120% 120% at 0% 0%, rgba(0,224,255,.12), transparent 60%) border-box !important;
  border: 1px solid rgba(230,237,243,.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 1px #0b2033 inset, 0 10px 30px #0006 !important;
  padding: 24px 28px !important;
}

/* Başlık ve satırlar (4-Steps ile aynı boşluklar) */
.lat-metrics :is(.card,.metric-card,.box,.panel,.item) h3 {
  margin: 0 0 10px 0 !important;
  font-weight: 800 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid rgba(230,237,243,.06) !important;
  padding: 12px 0 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry):first-child {
  border-top: none !important;
}
.lat-metrics :is(.label,.name,.title) {
  opacity: .9 !important;
  font-weight: 700 !important;
}

/* Grid kırılımları */
@media (max-width: 1100px) {
  .lat-metrics :is(.cards,.grid,.row,.items,.wrap) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .lat-metrics :is(.cards,.grid,.row,.items,.wrap) {
    grid-template-columns: 1fr !important;
  }
  .lat-metrics :is(.card,.metric-card,.box,.panel,.item) {
    padding: 20px 20px !important;
  }
}
/* === ANALYTICS → 4-STEPS STILI (NUKLEER OVERRIDE) === */

/* 1) GRID’i yakala (hangi sarmalayıcı olursa olsun) */
.lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

/* 2) KART stili: 4-Steps ile aynı */
.lat-metrics :is(.card,.box,.panel,.item,.col,.metric-card,div) {
  background:
    linear-gradient(180deg, rgba(11,17,23,.75), rgba(11,17,23,.55)) padding-box,
    radial-gradient(120% 120% at 0% 0%, rgba(0,224,255,.12), transparent 60%) border-box !important;
  border: 1px solid rgba(230,237,243,.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 1px #0b2033 inset, 0 10px 30px #0006 !important;
  padding: 24px 28px !important;
}

/* 3) Başlık + satır ayrımları */
.lat-metrics :is(.card,.box,.panel,.item,.col,div) h3 {
  margin: 0 0 10px 0 !important;
  font-weight: 800 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry,li,div+div) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid rgba(230,237,243,.06) !important;
  padding: 12px 0 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry,li):first-child {
  border-top: none !important;
}
.lat-metrics :is(.label,.name,.title,strong,span:first-child) {
  opacity: .9 !important;
  font-weight: 700 !important;
}

/* 4) Responsive kırılımlar */
@media (max-width: 1100px) {
  .lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
    grid-template-columns: 1fr !important;
  }
  .lat-metrics :is(.card,.box,.panel,.item,.col,div) {
    padding: 20px 20px !important;
  }
}
/* === ANALYTICS → 4-STEPS STILI (NUKLEER OVERRIDE) === */

/* 1) GRID’i yakala (hangi sarmalayıcı olursa olsun) */
.lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

/* 2) KART stili: 4-Steps ile aynı */
.lat-metrics :is(.card,.box,.panel,.item,.col,.metric-card,div) {
  background:
    linear-gradient(180deg, rgba(11,17,23,.75), rgba(11,17,23,.55)) padding-box,
    radial-gradient(120% 120% at 0% 0%, rgba(0,224,255,.12), transparent 60%) border-box !important;
  border: 1px solid rgba(230,237,243,.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 1px #0b2033 inset, 0 10px 30px #0006 !important;
  padding: 24px 28px !important;
}

/* 3) Başlık + satır ayrımları */
.lat-metrics :is(.card,.box,.panel,.item,.col,div) h3 {
  margin: 0 0 10px 0 !important;
  font-weight: 800 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry,li,div+div) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid rgba(230,237,243,.06) !important;
  padding: 12px 0 !important;
}
.lat-metrics :is(.row-item,.line,.metric,.stat,.entry,li):first-child {
  border-top: none !important;
}
.lat-metrics :is(.label,.name,.title,strong,span:first-child) {
  opacity: .9 !important;
  font-weight: 700 !important;
}

/* 4) Responsive kırılımlar */
@media (max-width: 1100px) {
  .lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .lat-metrics :is(.container,.wrap,.inner,.row,.grid,.cards,.items,section,div) > :is(.row,.grid,.cards,.items,div) {
    grid-template-columns: 1fr !important;
  }
  .lat-metrics :is(.card,.box,.panel,.item,.col,div) {
    padding: 20px 20px !important;
  }
}
/* === BASIC CAMPAIGN ESTIMATED ANALYTICS → 4-STEPS STILI === */
/* Grid: 3 sütun (tablet 2, mobil 1) */
.rates-grid,
.lat-metrics .rates-grid,
.lat-metrics .cards,
.lat-metrics .grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

/* Kart stili: 4-Steps ile aynı */
.rates-grid .card,
.lat-metrics .card,
.lat-metrics .metric-card,
.lat-metrics .box {
  background:
    linear-gradient(180deg, rgba(11,17,23,.75), rgba(11,17,23,.55)) padding-box,
    radial-gradient(120% 120% at 0% 0%, rgba(0,224,255,.12), transparent 60%) border-box !important;
  border: 1px solid rgba(230,237,243,.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 1px #0b2033 inset, 0 10px 30px #0006 !important;
  padding: 24px 28px !important;
}

/* Kart içi başlık ve satırlar */
.rates-grid .card h3,
.lat-metrics .card h3 { margin: 0 0 10px 0 !important; font-weight: 800 !important; }

.rates-grid .row,
.rates-grid .line,
.rates-grid .metric,
.lat-metrics .row,
.lat-metrics .line,
.lat-metrics .metric {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid rgba(230,237,243,.06) !important;
  padding: 12px 0 !important;
}
.rates-grid .row:first-child,
.rates-grid .line:first-child,
.rates-grid .metric:first-child,
.lat-metrics .row:first-child,
.lat-metrics .line:first-child,
.lat-metrics .metric:first-child { border-top: none !important; }

.rates-grid .label,
.lat-metrics .label { opacity: .9 !important; font-weight: 700 !important; }

/* Kırılımlar */
@media (max-width: 1100px) {
  .rates-grid,
  .lat-metrics .cards,
  .lat-metrics .grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ===== Pricing – merged top card (Base Day Rates + Discounts) ===== */
#pricing .pricing-merged-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
#pricing .pricing-merged-col{ min-width:0; }
#pricing .pricing-subtitle{
  margin: 6px 0 12px 0;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .9;
}

/* Emphasize the "From (PLN/day)" column */
#pricing th.col-from,
#pricing td.col-from{ text-align: right; }
#pricing th.col-from{ color: rgba(234,252,255,.92); }
#pricing td.col-from{
  background: linear-gradient(90deg, transparent, rgba(0,167,255,.06));
}
#pricing td.col-from strong{
  font-size: 1.15em;
  letter-spacing: .02em;
  color: #eafcff;
  text-shadow: 0 0 14px rgba(0,167,255,.35);
}

/* Subscription: highlight the most popular plan (Growth – 15 days) */
#pricing .subscription th.popular,
#pricing .subscription td.popular{
  background: linear-gradient(180deg, rgba(0,167,255,.10), rgba(0,167,255,.04));
  box-shadow: inset 0 0 0 1px rgba(0,167,255,.22);
}
#pricing .subscription th.popular{ position: relative; }

#pricing .badge-popular{
  display: inline-block;
  margin-left: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: rgba(0,167,255,.18);
  border: 1px solid rgba(0,167,255,.35);
  color: rgba(234,252,255,.95);
  vertical-align: middle;
  white-space: nowrap;
}

@media (max-width: 640px){
  #pricing .badge-popular{ margin-left: 0; margin-top: 6px; display: inline-flex; }
}

@media (max-width: 900px){
  #pricing .pricing-merged-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .rates-grid,
  .lat-metrics .cards,
  .lat-metrics .grid { grid-template-columns: 1fr !important; }
  .rates-grid .card,
  .lat-metrics .card { padding: 20px 20px !important; }
}


/* ===== Footer Upgrade v1 (Premium) ===== */
.lat-footer{
  position: relative;
  background: #070d12;
  overflow: hidden;
}
.lat-footer::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(900px 360px at 15% 0%, rgba(0,167,255,.22), transparent 60%),
    radial-gradient(900px 360px at 85% 10%, rgba(0,167,255,.12), transparent 55%);
  pointer-events:none;
}
.lat-footer .footer-grid{
  position: relative;
  grid-template-columns: 1.2fr 1fr 0.9fr;
  gap: 36px;
}
@media (max-width: 900px){
  .lat-footer .footer-grid{ grid-template-columns: 1fr; gap: 26px; }
}

/* Brand wrapper acts as a logo-card container */
.lat-footer .brand-wrap{ display:inline-flex; align-items:center; justify-content:center; gap: 14px; }

/* Logo visibility & premium container (fixes "logo not visible" / cropped feel) */
/* Ensure logo containers center their content */
.lat-footer .custom-logo-link,
.lat-footer .brand-wrap{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Make the WP logo link a visible "logo card" so transparent logos don't disappear */
.lat-footer .custom-logo-link,
.lat-footer .brand-wrap{
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(11,17,23,.55), rgba(11,17,23,.25));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(0,167,255,.10) inset;
}

.lat-footer .custom-logo,
.lat-footer .brand-logo{
  width: 220px;
  max-width: 220px;
  height: auto;
  display: block;
  border-radius: 14px;
  object-fit: contain;
}

/* If no image logo exists, show a clean text fallback */
.lat-footer .brand-text{
  display: inline-block;
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(234,243,255,.92);
  font-size: 20px;
}

@media (max-width: 600px){
  .lat-footer .custom-logo-link,
  .lat-footer .brand-wrap{ padding: 12px; border-radius: 16px; }
  .lat-footer .custom-logo,
  .lat-footer .brand-logo{ width: 180px; max-width: 180px; }
}

.lat-footer .tagline{
  margin-top: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(234,243,255,.92);
  opacity: 1;
}
.lat-footer .brand-desc{
  margin: 10px 0 0;
  max-width: 42ch;
  color: rgba(234,243,255,.70);
  line-height: 1.55;
}

.lat-footer h4{
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 600;
  font-size: 13px;
  color: rgba(140,245,255,.95);
}

.lat-footer .foot-menu li,
.lat-footer .foot-list li{ margin: 10px 0; }

.lat-footer a{
  color: rgba(140,245,255,.95);
  text-decoration: none;
}
.lat-footer a:hover{
  text-decoration: none;
  opacity: .95;
}
.lat-footer .foot-menu a{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 6px 0;
}
.lat-footer .foot-menu a::after{
  content:"";
  width: 0;
  height: 1px;
  background: rgba(0,167,255,.55);
  transition: width .18s ease;
}
.lat-footer .foot-menu a:hover::after{ width: 18px; }

.lat-footer .socials{
  display:flex;
  gap: 12px;
  margin-top: 14px;
}
.lat-footer .socials .soc{
  width: 44px; height: 44px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,167,255,.08);
  border: 1px solid rgba(0,167,255,.22);
  box-shadow: 0 12px 28px rgba(0,0,0,.30);
  transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
.lat-footer .socials .soc:hover{
  transform: translateY(-1px);
  background: rgba(0,167,255,.12);
  border-color: rgba(0,167,255,.35);
}
.lat-footer .socials .soc-ico{
  font-weight: 800;
  letter-spacing: .02em;
  color: rgba(234,243,255,.92);
}

.lat-footer .brand-actions{
  display:flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.lat-footer .cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(90deg,#28e0ff,#65f3ff);
  color: #001018 !important;
  font-weight: 800;
  border: 0;
  text-decoration:none;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.lat-footer .cta.small{ padding: 10px 16px; font-size: 14px; }
.lat-footer .ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(234,243,255,.92);
  font-weight: 700;
}
.lat-footer .ghost:hover{ border-color: rgba(0,167,255,.30); }

.lat-footer .micro{
  margin-top: 12px;
  color: rgba(234,243,255,.60);
  font-size: 13px;
  line-height: 1.45;
}

.lat-footer .sub-bar{
  position: relative;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 18px;
  background: rgba(0,0,0,.12);
}
.lat-footer .sub-wrap{
  padding: 14px 24px;
  color: rgba(234,243,255,.66);
}
.lat-footer .policies a{
  color: rgba(234,243,255,.66);
}
.lat-footer .policies a:hover{
  color: rgba(140,245,255,.95);
}


/* =========================
   Header logo sizing (bigger)
   ========================= */
.site-header .brand{display:flex;align-items:center}
.site-header .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.site-header .custom-logo,
.site-header .brand-logo img{height:90px !important; width:auto !important; max-height:90px !important;}

@media (max-width: 640px){
  .site-header .custom-logo,
  .site-header .brand-logo img{height:76px !important; max-height:76px !important;}
}

/* =========================================================
   GLOBAL CARD HOVER (NEON WHITE) — unify ALL kutucuk hovers
   ========================================================= */
:root{
  --lat-neon-white: rgba(255,255,255,.92);
  --lat-neon-white-border: rgba(255,255,255,.38);
  --lat-neon-white-glow1: rgba(255,255,255,.22);
  --lat-neon-white-glow2: rgba(255,255,255,.12);
}

/* Targets most containers used across the homepage */
:is(
  .card,
  .lad-card,
  .latx-card,
  .portfolio-card,
  .analytics-card,
  .metric-card,
  .table-card,
  .pricing-card,
  .faq-card,
  .compare-wrap,
  .compare-table,
  .instant-calculator,
  #instant-calculator,
  .lat-metrics :is(.card,.metric-card,.box,.panel,.item),
  .rates-grid > .card,
  .basic-analytics .card,
  .analytics-grid .card,
  .lat-analytics .card,
  #faq .card,
  .faq-grid > div,
  .faq-grid > .card,
  .pricing-wrap > .card,
  .pricing-grid > .card
):hover,
:is(
  .card,
  .lad-card,
  .latx-card,
  .portfolio-card,
  .analytics-card,
  .metric-card,
  .table-card,
  .pricing-card,
  .faq-card,
  .compare-wrap,
  .compare-table,
  .instant-calculator,
  #instant-calculator,
  .lat-metrics :is(.card,.metric-card,.box,.panel,.item),
  .rates-grid > .card,
  .basic-analytics .card,
  .analytics-grid .card,
  .lat-analytics .card,
  #faq .card,
  .faq-grid > div,
  .faq-grid > .card,
  .pricing-wrap > .card,
  .pricing-grid > .card
):focus-within{
  border-color: var(--lat-neon-white-border) !important;
  box-shadow:
    0 0 0 1px var(--lat-neon-white-border),
    0 0 18px var(--lat-neon-white-glow1),
    0 0 42px var(--lat-neon-white-glow2) !important;
}

/* Keep text crisp on hover (no unintended color shifts) */
:is(.card,.lad-card,.latx-card,.portfolio-card,.analytics-card,.metric-card,.table-card,.faq-card,.pricing-card):hover h3,
:is(.card,.lad-card,.latx-card,.portfolio-card,.analytics-card,.metric-card,.table-card,.faq-card,.pricing-card):hover h4{
  color: var(--lat-neon-white) !important;
}

/* ===== v7.6.3: Subscription header (prevent ellipsis so discounts show) ===== */
#pricing .subscription .table{ table-layout: auto !important; }
#pricing .subscription .table th,
#pricing .subscription .table td{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
#pricing .subscription .table th{ line-height: 1.25; }
#pricing .subscription .table th .muted{ opacity: .85; }