/* Latvia Residence — shared design layer (2026). Loaded after each page's inline styles. */
:root {
  --sea: #12808F; --sea-deep: #0B5F6B; --sea-soft: #E3F3F5;
  --sun: #F4B63F; --sun-soft: #FFF3D6;
  --leaf: #3E9B6B; --coral: #E86F5A; --sky: #F2F8FB;
  --gold-text: #7A5828;
  --radius: 18px;
  --shadow-sm: 0 2px 8px rgba(14,42,71,0.06);
  --shadow-md: 0 12px 32px -8px rgba(14,42,71,0.18);
}
body { font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: #FCFBF8; }
html[dir="rtl"] body { font-family: "Plus Jakarta Sans", "Segoe UI", Tahoma, "Noto Kufi Arabic", "Noto Naskh Arabic", Arial, sans-serif; }
h1, h2, h3 { letter-spacing: -0.02em; }

/* Nav */
nav.top { background: rgba(252,251,248,0.88); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid rgba(216,220,225,0.6); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 19px; }
.brand::before { content: ""; width: 28px; height: 28px; border-radius: 8px; flex: none;
  background: linear-gradient(180deg, #9E3039 0 40%, #fff 40% 60%, #9E3039 60% 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06), 0 4px 10px -4px rgba(158,48,57,0.6); }
.nav-links a { font-weight: 500; }
.nav-links a:hover { color: var(--sea); }
.nav-links a.nav-cta, .nav-links a[href*="cal.com"] { background: var(--sea) !important; color: #fff !important; border-radius: 999px; padding: 9px 18px; font-weight: 600; box-shadow: 0 6px 16px -6px rgba(18,128,143,0.6); }
.nav-links a.nav-cta:hover, .nav-links a[href*="cal.com"]:hover { background: var(--sea-deep) !important; }

/* Page header card */
.doc-header { position: relative; margin-top: 18px; padding: 44px 40px 36px; border-radius: 26px; overflow: hidden;
  background: radial-gradient(600px 300px at 100% 0%, rgba(244,182,63,0.25), transparent 60%),
              radial-gradient(500px 320px at 0% 100%, rgba(18,128,143,0.14), transparent 60%),
              linear-gradient(180deg, #FFFDF8 0%, var(--sky) 100%);
  border: 1px solid rgba(18,128,143,0.12); box-shadow: var(--shadow-sm); }
.doc-header h1 { font-weight: 800; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1px solid rgba(18,128,143,0.18);
  color: var(--sea-deep) !important; padding: 7px 14px; border-radius: 999px; font-size: 11.5px; letter-spacing: 0.12em; box-shadow: var(--shadow-sm); }
.eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--leaf); box-shadow: 0 0 0 4px rgba(62,155,107,0.18); }
@media (max-width: 640px) { .doc-header { padding: 30px 20px 24px; border-radius: 20px; } }

/* Headings inside content */
main h2 { font-weight: 800; }
main h2::after { content: ""; display: block; width: 48px; height: 4px; border-radius: 99px; margin-top: 12px; background: linear-gradient(90deg, var(--sun), var(--coral)); }
.cta-block h2::after, .final-cta h2::after, .compare-card h2::after { display: none; }

/* Links in body text */
main a:not(.btn):not(.read-more) { color: var(--sea-deep); text-decoration-color: rgba(18,128,143,0.4); text-underline-offset: 3px; }
main a:not(.btn):not(.read-more):hover { color: var(--navy); }
strong { color: var(--navy); }

/* Price pill + buttons */
.price-pill { border-radius: 18px !important; background: linear-gradient(135deg, var(--navy) 0%, #15466B 100%) !important; box-shadow: var(--shadow-md); }
.price-pill strong { color: var(--sun) !important; }
.price-pill .dot { background: var(--sun) !important; box-shadow: 0 0 0 5px rgba(244,182,63,0.25); }
.btn { border-radius: 999px !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--sea) 0%, var(--sea-deep) 100%) !important; color: #fff !important; box-shadow: 0 12px 24px -10px rgba(11,95,107,0.7); }
.btn-whatsapp { box-shadow: 0 12px 24px -10px rgba(37,211,102,0.7); }

/* Cards, callouts, tables */
.callout, blockquote, .buyback-note, .prog-card, .author-card, .compare-card, .article-card, .person-card, .key-points .point {
  border-radius: var(--radius) !important; box-shadow: var(--shadow-sm); }
.callout, blockquote, .buyback-note, .prog-card { border-left-color: var(--sun) !important; }
.callout { background: #fff; }
.prog-card.highlight { background: var(--sun-soft) !important; border-left-color: var(--sea) !important; }
.prog-card .price { color: var(--sea-deep) !important; }
.article-card { transition: transform .2s ease, box-shadow .2s ease; }
.article-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.read-more { color: var(--sea-deep) !important; font-weight: 700; }
.fee-table, .comparison-table, .changes { border-radius: var(--radius) !important; box-shadow: var(--shadow-md) !important; overflow: hidden; }
.fee-table th, .comparison-table th, .changes th { background: linear-gradient(120deg, var(--navy), #15466B) !important; }
.fee-table tr.highlight, .comparison-table tr.highlight { background: var(--sun-soft) !important; }
details { border-radius: 14px !important; }
details[open] { box-shadow: var(--shadow-md); border-color: rgba(18,128,143,0.35) !important; }
.breadcrumb a:hover { color: var(--sea); }

/* Closing CTA */
.cta-block, .final-cta { position: relative; overflow: hidden; border-radius: 24px;
  background: linear-gradient(120deg, #0E2A47 0%, #12406A 55%, #0B5F6B 100%) !important; }
.final-cta { border-radius: 0; }
.cta-block::before, .final-cta::before { content: ""; position: absolute; width: 360px; height: 360px; right: -120px; top: -160px; border-radius: 50%;
  background: radial-gradient(circle, rgba(244,182,63,0.4), transparent 70%); pointer-events: none; }
.cta-block > *, .final-cta > * { position: relative; }
.cta-block .btn-primary, .final-cta .btn-primary { background: var(--sun) !important; color: var(--navy) !important; box-shadow: 0 14px 30px -10px rgba(244,182,63,0.8); }

footer.site a:hover { color: var(--sun) !important; }

/* Legal pages */
.nav-back { color: var(--sea-deep) !important; }

@media (prefers-reduced-motion: reduce) {
  .btn, .article-card { transition: none !important; }
}

/* Translated homepages (ar/fr) hero */
.hero { background: radial-gradient(900px 500px at 92% -10%, rgba(244,182,63,0.25), transparent 60%),
  radial-gradient(700px 520px at -10% 110%, rgba(18,128,143,0.14), transparent 60%),
  linear-gradient(180deg, #FFFDF8 0%, var(--sky) 100%) !important; }
.trust-strip { background: linear-gradient(120deg, #0E2A47 0%, #12406A 55%, #0B5F6B 100%) !important; }
.person-card .photo, .person .photo { box-shadow: 0 0 0 3px var(--sun), var(--shadow-md); }

/* Wide tables scroll inside themselves on small screens instead of widening the page */
@media (max-width: 760px) {
  main table, article table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html, body { overflow-x: hidden; }
}
