:root{
  --bg:#fffaf2;
  --text:#3a2a16;
  --muted:#dfccb5;
  --brand:#b8742a;         /* medus/karameļu tonis */
  --brand-dark:#8a5b22;
  --card:#ffffff;
  --ring: 0 0 0 3px rgba(184,116,42,.25);
  --radius:14px;
  --shadow:0 12px 28px rgba(0,0,0,.08);
  --max:1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  text-align: justify;
  margin:0; 
  background:var(--bg); 
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}
img{max-width:100%; 
  display:block}

/* Containers & basics */
.container{max-width:var(--max); margin:0 auto; padding:0 18px}
.muted{color:var(--muted)}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  padding:.75rem 1rem;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--brand);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:var(--shadow);
  text-decoration:none;
}
.btn:hover{background:var(--brand-dark)}
.btn:focus{outline:none; box-shadow:var(--ring)}
.btn-outline{background:transparent; color:var(--brand); border-color:var(--brand)}

/* Header */
.site-header{
  background: url("/media/bg.jpg") center/cover no-repeat, #6b4b2f;
  color:#fff; 
  position:sticky; 
  top:0;
  box-shadow:0 2px 0 rgba(0,0,0,.05);
  z-index: 1000;
}

.header-bar{display:flex; align-items:center; justify-content:space-between; min-height:74px}
.brand{display:flex; gap:10px; align-items:center; color:#fff; text-decoration:none}
.brand-logo{width:46px; height:46px}
.brand strong{display:block; font-weight:800; letter-spacing:5px; text-decoration:underline}
.brand small{opacity:.9; font-size:.85rem}

/* Nav */
.nav ul{
  display:flex;
  gap:18px;
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
  justify-content:flex-end; /* ja vēlies labajā pusē */
}
.nav a{
  color:#f6f5f5;
  text-decoration:none;
  font-weight:600;
  padding:.4rem .5rem;
 border-radius:8px;
}
.nav a:hover{ 
  background:rgba(255,255,255,.12); 
 
}


/* Mobile: sakārto vienu zem otras */
@media (max-width: 768px){
  .nav ul{
    flex-direction: column;   /* vertikāli */
    align-items: stretch;     /* pilna platuma vienumi */
    gap: 10px;
  }
  .nav li{ width: 100%; }
  .nav a{
    display:block;            /* lai aizņem pilnu rindu */
    width:100%;
    padding: .7rem .8rem;     /* ērtāks pieskāriens */
    background: rgba(255,255,255,.08);
  }
}


/* Hero */
.hero{
  color:#fff; 
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.45)), 
  url("/media/bg.jpg") center/cover no-repeat; padding:20px 0
}
.hero-title{
  font-family:"Amatic SC", cursive;
  font-size:clamp(42px,7vw,72px); 
  margin:0 0 8px
}
.hero-lead{
  max-width:auto; 
  margin:0
}

/* Sections */
.section{
   background: url("/media/bg.jpg") center/cover no-repeat, #6b4b2f;
  padding:38px 0;
  

}
.sec-title{
 font-family:"Amatic SC", cursive;
  font-size:clamp(32px,5vw,52px);
  margin:0 0 14px;
  color:white;
}

/* Offers */
.offers-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px
}
.offer-card{
  background:var(--card);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column
}
.offer-card img{height:200px; width:100%; object-fit:cover}
.offer-body{padding:14px}
.offer-body h3{margin:0 0 6px}
@media(max-width:768px){ .offers-grid{grid-template-columns:1fr} }

/* Galerijas skats */
.gallery-cats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 768px){
  .gallery-cats{ grid-template-columns: 1fr; }
}
.gallery-tile{
  position: relative;
  display: grid;
  place-items: end;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.12);
  text-decoration: none;
  color: inherit;
}
.gallery-tile img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.gallery-tile span{
  position: relative; 
  background: rgba(0,0,0,.55);
  color:#fff; font-weight:700;
  padding: 8px 12px; margin: 10px;
  border-radius: 10px;
}
.gallery-tile:hover{ 
  filter: brightness(1.03);
  transform: translateY(-10px);
  transition: transform .12s ease, filter .2s ease; 
  }


/* ===== Kontaktu forma (saskaņota) ===== */
.contact {
background:url(/media/bg.jpg);  
}
.req{color:#28201f}
.required-note{margin:.1rem 0 .8rem}

.form{
  max-width: 1100px;
  margin: 0 auto;
  background:#af6311;
  border-radius:14px;
  padding:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}


.form-title{
  color: #ffff;
  text-align: center;
  margin:.25rem 0 .35rem
}
.grid-2{
  padding-top: 20px;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:14px}
@media(max-width:780px){
 .grid-2{grid-template-columns:1fr} 
  }
.grid-3{
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media(max-width:780px){
 .grid-3{grid-template-columns:1fr} 
  }

label{
  display:grid;
  gap:6px;
  font-weight:600
}
.label-title{
  display:inline-flex;
  gap:6px;
  font-weight:600
}
input, textarea{
  padding:.7rem .8rem;
  border:1px solid #fff;
  border-radius:10px;
  background:#fff;
  font:inherit
  
}
input:focus, textarea:focus
{outline:none;
box-shadow:0 0 0 3px rgba(99, 69, 37, 0.25)} 

.checks{
  border:0;
  padding:6px 0;
  margin:6px 0 8px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px
}
@media(max-width:768px){ .checks{grid-template-columns:1fr} }

.cb{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600
}
.cb input {
  position: relative;
}

.cb span{user-select:none}

.form-submit{margin-top:8px}
.form-msg{margin:.4rem 0 0;
  text-align:center;
  font-weight:700px}
.form-msg.ok{color:#2a7a2e}
.form-msg.err{color:#c14b32}

.btn.form-submit{
display:block;
margin: 12px auto 0;
align-items:center;
justify-content:center;
gap:.35rem;
padding:.75rem 1rem;
border-radius:999px;
border:1px solid transparent;
background:var(--brand);
color:#fff;
font-weight:700;
cursor:pointer;
box-shadow:var(--shadow);
text-decoration:none;
}
.btn.form-submit:hover{
 background:var(--brand-dark);
scale: 10px;
}


/* Footer */
.site-footer{
 background: url("/media/bg.jpg") center/cover no-repeat, #e9e5e3;
 padding:18px 0;
 margin-top:10px
  }
.footer-inner{
 display:flex;
 align-items:center;
 justify-content:center
}


/* Logotipu režģis – blakus rindā, pārlaužas mazākos ekrānos */
.partners-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  gap: 16px;
  align-items: center;
  justify-items: center;
}
/* Klikšķināms “flīzes” ietvars – pēc izvēles var noņemt fonu/ēnu */
.partner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  aspect-ratio: 1 / 1;         /* kvadrātveida flīze */
  padding: 12px;
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  transition: transform .12s ease, box-shadow .2s ease;
  text-decoration: none;
}
.partner:hover{
  transform: translateY(-10px);
  box-shadow: 0 8px 24px rgba(190, 45, 45, 0.12);
}

/* Logo izmērs – iekšā ietilpst bez izstiepšanas */
.partner img{
  max-width: 100%;
  max-height: 100%;
  width: 140px;          /* vari pielāgot */
  height: 140px;         /* vari pielāgot */
  object-fit: contain;   /* saglabā proporcijas */
  display: block;
}
/* Peldošais bloks augšējā labajā stūrī */
.fixed-cta{
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  z-index: 9999;
 
}
/* Mazos ekrānos pārvietojam uz apakšējo labo stūri, lai netraucē galvenēm */
@media (max-width: 768px){
  .fixed-cta{
    top: auto;
    bottom: max(16px, env(safe-area-inset-bottom));
    right: max(16px, env(safe-area-inset-right));
    z-index: 0;
  }
}

/* Peldošā loga stils */
.fixed-cta-link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
  background: rgba(60, 25, 4, 0.88);         /* tumšs caurspīdīgs */
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 24px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.12);
  transition: transform .12s ease, opacity .2s ease;
}
.fixed-cta-link:hover{ 
  transform: translateX(-10px);
   opacity: .95; 
}

/*Peldošā loga Logo */
.fixed-cta-logo{
  width: 36px; height: 36px;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(86, 57, 57, 0.856);
  display: block;
}

/*Peldošā loga Teksts */
.fixed-cta-text{
  line-height: 1.15;
  display: grid;
  }
.fixed-cta-title{
  font-size: 14px;
  }
.fixed-cta-line{
  font-size: 12px;
  opacity: .9; 
  }
.fixed-cta-logo {
    animation: ctaPulse 3s ease-in-out infinite;
    will-change: transform;
    transform-origin: center;
  }

  @keyframes ctaPulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.4); }
  }

  /* ——— 2) “Vilnītis” pa burtiem ——— */
  .fixed-cta-line .ch {
    display: inline-block;
    transform-origin: bottom center;
    animation: charWave 1.4s ease-in-out infinite;
    animation-delay: calc(var(--i) * 60ms);
    will-change: transform;
  }

  @keyframes charWave {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-3px); }
    100% { transform: translateY(0); }
  }