:root{
  --bg:#F4F6F1;--text:#0f1a14;--muted:#455449;--primary:#1F3B2D;--active:#2F5D44;--accent:#E5B73B;
  --panel:#FFFFFF;--border:#e3e7de;--shadow:0 2px 10px rgba(18,31,25,.06);
  --nav-h:68px;
  --hero-shift:0px;
}
@media(max-width:720px){:root{--nav-h:56px}}
*{box-sizing:border-box}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
body{font-family:system-ui,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text)}
.container{max-width:1000px;margin:0 auto;padding:0 16px}
@media (min-width: 1024px){
  .container{
    max-width: none;
    width: 80%;
    padding: 0;
  }
}
.header{background:var(--panel);position:sticky;top:0;z-index:20;box-shadow:var(--shadow)}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:calc(.95 * var(--nav-h));width:auto;object-fit:contain;border-radius:8px}
nav a{margin-left:14px;text-decoration:none;color:var(--muted);font-weight:600;padding:10px 16px;border-radius:999px}
nav a.active{color:#fff;background:linear-gradient(90deg,var(--active), var(--primary));box-shadow:0 2px 8px rgba(31,59,45,.25)}
nav a:hover{color:var(--primary)}
.section{padding:22px 0}
.footer{padding:18px 0;background:var(--panel);box-shadow:inset 0 1px 0 var(--border);color:var(--muted);font-size:14px}
.footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer a{
  color: inherit;          /* tāda pati krāsa kā apkārtējam tekstam */
  text-decoration: none;   /* ja gribi svītriņu – nomaini uz underline */
}

.footer a:hover{
  color: inherit;          /* uz hover nekrāsojas zilā vai citā krāsā */
}

.vlist{display:flex;flex-direction:column;gap:12px}
.vitem{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:center}
.vname-line{display:grid;grid-template-columns: 2fr 1fr 5fr;align-items:center;gap:10px}
.vname{font-weight:800;letter-spacing:.2px}
.vprice{font-weight:800;color:var(--primary)}
.vmeta{font-size:13px;color:var(--muted)}

/* ===== PIEEJAMĪBA – IZKĀRTOJUMS ===== */
/* Tagad flex, viss turas kopā vienā blokā */
.avail-grid{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* punkts + statuss vienā rindā */
.avail-status-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap; /* Neliels daudzums / Nav pieejams vienā rindā */
}

/* šo izmantojam tikai kā placeholder – flex variantā to paslēpjam */
.avail-spacer{
  display:none;
}

.dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
}
.dot.green{background:#2fb344}
.dot.yellow{background:#f2b01b}
.dot.red{background:#e74c3c}
.dot.gray{background:#94a3b8}
.dot.grey{background:#94a3b8} /* ja nu kādreiz būs 'grey' */

.avail-text{
  color:var(--muted);
}

/* pēdējā kolonna – vieta interesēties */
.avail-action{
  text-align:left;
  min-width:auto;
}
.avail-action a{
  color:var(--primary);
  text-decoration:underline;
  white-space:nowrap;
}

/* vecā .avail-label vairs nav vajadzīga, bet ja kur palikusi – paslēpjam */
.avail-label{
  display:none;
}

/* Telefons PORTRETĀ:
   - vitem kļūst par 1 kolonnu
   - pieejamība zem teksta
   - vārds + cena vienā rindā, apraksts zem tiem
*/
@media (max-width: 780px) and (orientation: portrait) {

  .vitem{
    grid-template-columns: 1fr;   /* vairs nav 2fr 1fr */
  }

  .avail-grid{
    flex-direction: column;
    align-items: flex-start;
  }

  .avail-action{
    text-align: left;
    min-width: auto;
  }

  /* vārds + cena 1. rindā, apraksts 2. rindā */
  .vname-line{
    display: grid;
    grid-template-columns: 2fr 1fr;   /* fiksēta proporcija visām kartēm */
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px;
    align-items: start;
  }

  .vname{
    grid-column: 1;
    grid-row: 1;
  }

  .vprice{
    grid-column: 2;
    grid-row: 1;
    justify-self: end;      /* pievilkt pie labās malas */
    white-space: nowrap;    /* 11 €/m3 vienā rindā */
    text-align: right;
  }

  .vmeta{
    grid-column: 1 / -1;    /* apraksts pa visu platumu */
    grid-row: 2;
    margin-top: 2px;
  }
}

/* Telefons LANDSCAPE:
   - 1 rinda kā desktopā
   - tikai proporcijas mīkstākas par 2/1/7
*/
@media (max-width: 780px) and (orientation: landscape) {
  .vname-line{
    grid-template-columns: 3fr 2fr 5fr; /* ~30% / 20% / 50% */
    gap: 8px;
  }
}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.badge{display:inline-block;background:var(--accent);color:#27310c;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;letter-spacing:.2px}

/* Hero */
.hero{padding-top:16px}
.hero .frame{position:relative;overflow:hidden;height:300px;border-radius:16px;box-shadow:var(--shadow);background:transparent}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero .slide.active{opacity:1}
.hero img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}
.hero .caption{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(255,255,255,.9);color:#0f172a;padding:8px 12px;border-radius:12px;font-weight:800;border:1px solid var(--border)}

/* CTA & MAP */
.cta-bar{padding:12px 0;background:#ffffffe6;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
.cta-bar strong{color:var(--primary)}
.map-banner{width:100%;height:180px;border:0} .map-section{margin-top:22px;box-shadow:var(--shadow);z-index: 2;}

/* Form */
.form-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .wide{grid-column:1/-1}
label{display:block;font-size:14px;color:#2a3a30;margin-bottom:6px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:15px}
textarea{min-height:110px;resize:vertical}
.btn{display:inline-block;background:#1F3B2D;color:#fff;border:none;border-radius:12px;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:800}
.btn.secondary{background:#2F5D44}
.btn:hover{filter:brightness(1.05)}
.btn-wrap{display:flex;gap:10px;align-items:center}
.error{margin-top:6px;color:#b91c1c;font-size:13px}
.help{margin-top:6px;font-size:12px;color:#6b7280}

/* Hero caption: single line on desktop, wrap on mobile */
@media (min-width: 1200px) {
  .section.hero .caption{
    white-space: nowrap;                /* nelauž rindas */
    max-width: calc(100% - 160px);      /* drošības rezerve no malām */
    display: inline-block;
  }
}

/* Zem 1200px atļaujam lauzt rindas (mobilajam/lielam planšetam) */
@media (max-width: 1199.98px) {
  .section.hero .caption{
    white-space: normal;
  }
}

/* Nav teksts -10% un mazliet kompaktāks, lai logo izskatās lielāks */
.header nav a{
  font-size: 0.9em;          /* ~-10% pret līdzšinējo */
  padding: 10px 14px;        /* mazāks “pill” spilventiņš */
  line-height: 1.1;
}

/* === DEBUG: Super visible white 'Saulstari' rays === */
:root{
  --ray-origin-x: 135px;
  --ray-origin-y: 60px;
  --ray-angle: 12deg;
  --ray-highlight: rgba(255,255,255,1);
  --ray-opacity: 1.0;
}

.cta-bar,
.map-section,
.map-banner,
.map-wrap,
.map-frame{
  position: relative;
  z-index: 2;             /* <- virs body::after */
}
body::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(circle at var(--ray-origin-x) var(--ray-origin-y),
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.9) 10%,
      rgba(255,255,255,0) 45vh),
    repeating-conic-gradient(
      from -6deg at var(--ray-origin-x) var(--ray-origin-y),
      var(--ray-highlight) 0 var(--ray-angle),
      rgba(255,255,255,0) var(--ray-angle) calc(var(--ray-angle) * 2)
    );
  mix-blend-mode: normal;
  opacity: var(--ray-opacity);
}
@media (max-width: 720px){
  body::after{ opacity: 1.0; }
}

/* v45: uniform service grid (always 3 per row on desktop) */
.work-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.work-card{ grid-column: auto !important; } /* cancel any previous spanning rules */
/* Responsive fallbacks */
@media (max-width: 1024px){
  .work-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .work-grid{ grid-template-columns: 1fr; }
}

/* Mobile nav active: underline instead of pill */
@media (max-width: 768px){
  nav a.active{
    background: transparent;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    padding-inline: 0;
  }
}

/* Mobile hero caption full-width */
@media (max-width: 768px){
  .hero .caption{
    width: calc(100% - 32px);
    white-space: normal;
    text-align: center;
  }
}

/* ===================== */
/* MOBILĀ IZVĒLNE & BURGER */
/* ===================== */
/* HAMBURGER POGA */
.menu-toggle{
  display:none;              /* desktopā neredzama */
  width:40px;
  height:40px;
  padding:8px 6px;
  border:none;
  background:transparent;
  cursor:pointer;
  color:inherit;

  /* svarīgais: saliek 3 līnijas VIENA VIRs OTRAS */
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
}

.menu-toggle span{
  display:block;
  width:20px;               /* līnijas garums */
  height:2px;
  border-radius:999px;
  background:currentColor;  /* krāsa no tēmas */
}

/* Pilnekrāna mobilā izvēlne */
.mobile-menu{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  color:var(--text);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease;
}

/* Tēmu variācijas */
body.theme-golden-sand .mobile-menu{
  background:rgba(246,241,231,0.92);
}
body.theme-glassrail .mobile-menu{
  background:rgba(247,249,251,0.92);
}
body.theme-slategold .mobile-menu{
  background:rgba(245,245,242,0.92);
}
body.theme-solidbar .mobile-menu{
  background:rgba(241,245,241,0.92);
}

.mobile-menu-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:24px 20px 16px;
  gap:16px;
}

.mobile-menu.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.mobile-menu-close{
  align-self:flex-end;
  background:none;
  border:none;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.mobile-search{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#f4f1f4;
}

.mobile-search input{
  flex:1;
  border:none;
  background:transparent;
  font-size:16px;
  outline:none;
}

.mobile-search-btn{
  border:none;
  background:none;
  font-size:18px;
  cursor:pointer;
}

.mobile-nav{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:8px;
}

.mobile-nav a{
  text-decoration:none;
  font-size:18px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#444;
}

.mobile-contact{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid var(--border);
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:16px;
}

.mobile-phone,
.mobile-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:#444;
}

.wa-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  font-size:13px;
  font-weight:600;
}

.mobile-map{
  margin-top:auto;
}

.mobile-map-frame{
  width:100%;
  height:160px;
  border:0;
  border-radius:16px;
  box-shadow:var(--shadow);
}

body.menu-open{
  overflow:hidden;
}

/* Breakpoint: mobilais */
@media (max-width: 480px){
  .nav nav{
    display:none;
  }
  .menu-toggle{
    display:flex;           /* nevis inline-flex */
  }
}