/* Look AD This — UX/UI Fix Pack v1.6.1 */
:root{
  --lat-accent:#00eaff;
  --lat-accent-2:#7c3aed;
  --lat-bg:#0b1117;
  --lat-text:#e6edf3;
  --lat-muted:#9fb0c3;
  --lat-card:#0f1722cc;
  --lat-line:rgba(255,255,255,.08);
}

html{scroll-behavior:smooth}
body{background:var(--lat-bg);color:var(--lat-text)}
.center,.text-center,h2.center,h3.center{text-align:center;margin-left:auto;margin-right:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:999;background:linear-gradient(180deg,rgba(11,17,23,.95),rgba(11,17,23,.80));backdrop-filter:blur(6px);border-bottom:1px solid var(--lat-line)}
.header-inner{display:flex;align-items:center;gap:16px}
.header-inner .brand{flex:1 1 auto}
.header-inner .nav{flex:0 1 auto;display:flex;align-items:center;gap:24px}
.header-inner .menu{display:flex;gap:18px;margin:0;padding:0;list-style:none}
.header-inner .menu a{color:var(--lat-muted);text-decoration:none;padding:10px 12px;border-radius:10px}
.header-inner .menu a:hover{color:var(--lat-text);background:rgba(255,255,255,.04)}

/* Language switch */
.lang-switch{display:inline-flex;gap:6px;border:1px solid var(--lat-line);border-radius:999px;padding:4px}
.lang-switch button{appearance:none;border:0;background:transparent;color:var(--lat-muted);padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:700;letter-spacing:.3px}
.lang-switch button.active{background:rgba(124,58,237,.16);color:#fff}
.lang-switch button[data-lang="pl"].active{background:rgba(0,234,255,.16)}

/* Pricing */
#pricing .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}
#pricing .card{background:var(--lat-card);border:1px solid var(--lat-line);border-radius:18px;padding:18px;height:100%}
#pricing .card .price{font-size:28px;font-weight:800}
#pricing .card .desc{color:var(--lat-muted)}

/* Top Instant Calculator */
.lat-calc{
  position: relative;
  border-radius: var(--lad-card-radius, 22px);
  background: var(--lad-card-bg, var(--lat-card));
  border: 1px solid var(--lad-card-border, var(--lat-line));
  box-shadow: var(--lad-card-shadow, 0 18px 45px rgba(0,0,0,0.45));
  backdrop-filter: blur(var(--lad-card-blur, 10px));
  -webkit-backdrop-filter: blur(var(--lad-card-blur, 10px));
  overflow: hidden;
  padding: 20px 22px;
  margin-bottom: 16px;
}

.lat-calc::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: var(--lad-card-glow, radial-gradient(1200px 520px at 14% 0%, rgba(0,234,255,.18), transparent 60%));
  pointer-events:none;
}
.lat-calc::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: var(--lad-card-glow-2, radial-gradient(900px 360px at 85% 100%, rgba(0,51,161,.14), transparent 65%));
  pointer-events:none;
  opacity:.85;
}


.lat-calc > *{position:relative; z-index:1;}
.lat-calc .title{
  font-weight: 900;
  font-size: 18px;
  margin: 0 0 14px 0;
  text-align: center;
  color: var(--lat-accent);
  letter-spacing: -0.02em;
}

.lat-calc .row{
  display:grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(220px, 0.9fr);
  gap: 14px;
  align-items:end;
}

@media (max-width: 980px){
  .lat-calc .row{ grid-template-columns: repeat(2, minmax(180px, 1fr)); }
}
@media (max-width: 560px){
  .lat-calc .row{ grid-template-columns: 1fr; }
}

.lat-calc label{
  font-size: 13px;
  color: var(--lat-muted);
  display:block;
  margin-bottom: 6px;
}

.lat-calc input[type="number"],
.lat-calc select{
  width:100%;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.10);
  color: #fff;
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
}

.lat-calc input[type="number"]:focus,
.lat-calc select:focus{
  border-color: rgba(0,234,255,.35);
  box-shadow: 0 0 0 4px rgba(0,234,255,.10);
}

.lat-calc .total{
  font-weight: 900;
  font-size: 22px;
  text-align: right;
  white-space: nowrap;
}

.lat-calc .btn{
  margin-top: 10px;
}

/* Compare table */
.compare-wrap{margin-top:12px}
.compare-wrap caption{position:absolute;left:-9999px}
.compare-table{width:100%;border-collapse:collapse;border:1px solid var(--lat-line)}
.compare-table th,.compare-table td{border-bottom:1px solid var(--lat-line);padding:14px 16px}
.compare-table th{text-align:left;background:rgba(255,255,255,.04)}
.compare-table td:nth-child(2){font-weight:700;color:var(--lat-accent)}
.compare-legend{color:var(--lat-muted);font-size:13px;text-align:center;margin-top:8px}

/* Contact form */
form.lat-contact .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
form.lat-contact textarea{grid-column:1 / -1;min-height:140px}
form.lat-contact input,form.lat-contact textarea{background:#0c1420;border:1px solid var(--lat-line);color:#fff;border-radius:12px;padding:10px 12px}
form.lat-contact .consent{grid-column:1 / -1;color:var(--lat-muted);font-size:14px}
form.lat-contact button{justify-self:start}
#lat-contact-note{grid-column:1 / -1}

@media(max-width:640px){form.lat-contact .form-grid{grid-template-columns:1fr}}

/* Safety: center headings where needed */
#pricing > .container > h2,.compare-wrap + .center,.section h3.center{text-align:center}

.lat-calc .mini{font-size:12px;color:var(--lat-muted)}


/* === v6 HOTFIX: Make Instant Calculator match teal-glow card system === */
.lat-calc{
  background: linear-gradient(180deg, rgba(0,167,255,0.14), rgba(0,51,161,0.08)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
  border-radius: 22px !important;
}
.lat-calc::before{
  background: radial-gradient(1200px 520px at 14% 0%, rgba(0,234,255,.20), transparent 60%) !important;
}
.lat-calc::after{
  background: radial-gradient(900px 360px at 85% 100%, rgba(0,51,161,.18), transparent 65%) !important;
  opacity: .9 !important;
}
.lat-calc .title{
  text-align:center !important;
  color:#00E2FF !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 14px !important;
}
.lat-calc label{ color: rgba(234,243,255,0.85) !important; }
.lat-calc #lat-total-label, .lat-calc .total strong{ color: #EAF3FF !important; }