/* ==========================================================================
   DECAR MAIN STYLESHEET
   Saturs
   1. Pamats un Mainīgie
   2. Izkārtojums un Atstarpes
   3. Animācijas
   4. Pogas
   5. Navigācija
   6. Hero un Titulbildes
   7. Pakalpojumu Kartiņas (Sākumlapa)
   8. Pakalpojumu Saraksti un Komplekti (Pakalpojumu lapa)
   9. Portfolio (Pirms/Pēc Slideris)
   10. Par mums un Atsauksmes
   11. Kontakti un Footer
   12. Modālais Logs (Rezervācija)
   13. Flatpickr Kalendārs
   14. Responsīvais Dizains (Media Queries)
   ========================================================================== */

/* ─────────────────────────────────────────
   1. PAMATS UN MAINĪGIE
───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* scroll-behavior: smooth nodrošina plūdenu ritināšanu uz sekcijām */
html, body { scroll-behavior: smooth; overflow-x: hidden; width: 100%; margin: 0; padding: 0; }

/* Galvenā krāsu palete */
:root {
  --dark-bg: #161616; /* Lapas pamatfons */
  --dark-surface: #1e1e1e; /* Kartiņu un sekciju fons */
  --accent: #DDA15E; /* Zelta akcents */
  --glow-accent: rgba(221, 161, 94, 0.4); /* Zelta ēna / spīdums */
  --text-light: #FFFFFF; /* Balts pamatteksts */
  --text-muted: #A0A0A0; /* Pelēks, blāvs teksts */
}

/* Standarta teksta formatējums visai lapai */
body {
  font-family: 'Albert Sans', sans-serif;
  font-weight: 400;
  background: var(--dark-bg);
  color: var(--text-light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}

h1, h2, h4 { font-weight: 800; }
h3 { font-weight: 800; font-size: 20px; }


/* ─────────────────────────────────────────
   2. IZKĀRTOJUMS UN ATSTARPES (Datora skats)
───────────────────────────────────────── */
/* Satura sašaurināšana, lai malās paliek vieta un dizains "neatlīmējas" pie ekrāna malām */
#hero, #page-header, #cta, #portfolio, #portfolio-gallery, #pakalpojumi, #features, #atsauksmes, #kontakti {
    padding-left: 100px !important; 
    padding-right: 100px !important;
    scroll-margin-top: 100px; /* Novērš navigācijas uzgulšanos virsrakstiem ritinot */
}

/* Satura atstarpes sadalītajiem (split) blokiem pakalpojumu lapā */
.split-text {
    padding-left: 100px !important; 
    padding-right: 100px !important;
}


/* ─────────────────────────────────────────
   3. ANIMĀCIJAS (Scroll Reveal)
───────────────────────────────────────── */
/* Elementi pirms parādīšanās ekrānā (pabīdīti uz leju un caurspīdīgi) */
.reveal {
  opacity: 0; transform: translateY(40px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
/* Klase no JS, kad elements ienāk ekrānā */
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Maza "peldēšanas" animācija ikonām vai akcentiem */
@keyframes floatSmall { 
    0% { transform: translateY(0px); } 
    50% { transform: translateY(-8px); } 
    100% { transform: translateY(0px); } 
}


/* ─────────────────────────────────────────
   4. POGAS
───────────────────────────────────────── */
/* Standarta pogu pamatklase */
.btn-solid, .btn-action {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none;
  border-radius: 7px; transition: all 0.4s ease;
  cursor: pointer;
}

/* Pilnībā aizpildīta zelta poga (Galvenajiem uzsaukumiem) */
.btn-solid { font-size: 15px; color: var(--dark-bg); background: var(--accent); padding: 22px 60px; box-shadow: 0 10px 30px rgba(221, 161, 94, 0.2); }
.btn-solid svg { width: 17.5px; height: 17.5px; transition: transform 0.3s; }
.btn-solid:hover { transform: translateY(-4px); box-shadow: 0 15px 40px rgba(221, 161, 94, 0.4); background: #ebae67; }
.btn-solid:hover svg { transform: translateX(5px); }

/* Caurspīdīga poga ar rāmīti (Pakalpojumu sekcijām) */
.btn-action {
  font-size: 15px; color: var(--text-light); background: rgba(22, 22, 22, 0.6); border: 1px solid var(--accent);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 20px 50px; margin-top: 20px;
}
.btn-action svg { width: 17.5px; height: 17.5px; transition: transform 0.3s; }
.btn-action:hover { background: var(--accent); color: var(--dark-bg); transform: translateY(-4px); }
.btn-action:hover svg { transform: translateX(5px); }


/* ─────────────────────────────────────────
   5. NAVIGĀCIJA UN MENU
───────────────────────────────────────── */
/* Fiksētā augšējā josla */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000; 
  padding: 16px 100px;
  background: rgba(22, 22, 22, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); 
  border-bottom: 1px solid rgba(221, 161, 94, 0.15);
  display: flex; justify-content: space-between; align-items: center; transition: all 0.5s ease; 
}

/* Logo sekcija kreisajā pusē */
.nav-left { flex: 1; display: flex; justify-content: flex-start; }
.nav-logo { display: flex; align-items: center; text-decoration: none; }
.nav-logo svg, .nav-logo img { height: 55px; width: auto; max-width: 150px; transition: transform 0.3s ease; }
.nav-logo:hover svg, .nav-logo:hover img { transform: scale(1.05); }

/* Centrālie linki (Par mums, Pakalpojumi utt.) */
.nav-center { flex: 2; display: flex; justify-content: center; align-items: center; gap: 10px; list-style: none; }
.nav-center a {
  flex: auto; display: flex; justify-content: center; align-items: center; gap: 5px; list-style: none;
  white-space: nowrap; font-size: 13px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--text-light); text-decoration: none; padding: 12px 24px; border-radius: 7px; transition: all 0.3s ease;
}
.nav-center a:hover { background: var(--accent); color: var(--dark-bg); }

/* Labā puse (Valodu izvēle un Pieteikties poga) */
.nav-right { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 20px; white-space: nowrap; }
.nav-btn { padding: 14px 30px !important; font-size: 15px !important; }
.nav-lang { font-size: 13px; font-weight: 800; color: var(--text-muted); text-decoration: none; transition: 0.3s; letter-spacing: 0.05em;}
.nav-lang:hover { color: var(--accent); }

/* Mobilās izvēlnes elementi (Paslēpti datorā) */
.mobile-booking-item { display: none; }
.mobile-lang-item { display: none; }
.hamburger { display: none; flex-direction: column; gap: 6px; z-index: 1001; cursor: pointer; }
.hamburger span { display: block; width: 26px; height: 2px; background: var(--text-light); transition: 0.3s; pointer-events: none; }
/* Kad hamburgerim ir aktīva klase, pārvēršam to par "X" krustiņu */
.hamburger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* ─────────────────────────────────────────
   6. HERO UN TITULBILDES (Lapas sākums)
───────────────────────────────────────── */
/* Sākumlapas pilnekrāna baneris */
#hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 120px 60px 80px; }
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.hero-content { position: relative; z-index: 2; width: 100%; max-width: 1800px; margin: 0 auto; }

/* Tumšais bloks tekstam virs bildes */
.hero-block-wrapper { position: relative; max-width: 600px; }
.hero-block { background: rgba(30, 30, 30, 0.87); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); padding: 60px 40px; border-radius: 12px; }
.hero-h1 { font-size: clamp(32px, 5vw, 64px); line-height: 1.1; letter-spacing: -0.02em; color: var(--text-light); margin-bottom: 24px; text-transform: uppercase; }
.hero-sub { font-size: 18px; line-height: 1.7; color: #e7e7e7; margin-bottom: 40px; }

/* Apakšlapu galvene (Piem., "Pakalpojumi" virsraksts ar tumšu fonu) */
#page-header { position: relative; padding: 180px 60px 80px; text-align: center; background: var(--dark-bg); }
.page-header-title { position: relative; z-index: 1; font-size: clamp(32px, 5vw, 64px); letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-light); line-height: 1.1; }

/* Call-To-Action (Aicinājums rīkoties pirms footer) */
#cta { background: var(--dark-surface); padding: 100px 60px 100px; text-align: center; position: relative; }
.cta-inner { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; }
.cta-inner h2 { font-size: clamp(30px, 5vw, 56px); text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.05em; line-height: 1.1;}
.cta-inner p { font-size: 18px; color: var(--text-muted); margin-bottom: 40px; line-height: 1.6; }


/* ─────────────────────────────────────────
   7. PAKALPOJUMU KARTIŅAS (Sākumlapa)
───────────────────────────────────────── */
#pakalpojumi { padding: 140px 60px; background: var(--dark-surface); }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1800px; margin: 0 auto; }

/* Viena kartiņa ar fona attēlu */
.service-card { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 3/4; background: var(--dark-bg); border: 2px solid rgba(255, 255, 255, 0.05); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.service-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }

/* Tumšais gradients un saturs kartiņas apakšā */
.service-info { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(15, 20, 25, 0.95) 0%, rgba(15, 20, 25, 0.7) 40%, transparent 100%); z-index: 2; padding: 0 20px 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.service-info h3 { font-size: 20px; color: var(--text-light); text-align: center; line-height: 1.3; margin-bottom: 0px; letter-spacing: 0.05em; text-transform: uppercase; transform: translateY(-56px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

/* Poga, kas parādās uz hover */
.service-cta { position: absolute; bottom: 30px; padding: 12px 30px; border: 1px solid var(--accent); background: rgba(22, 22, 22, 0.6); color: var(--text-light); text-transform: uppercase; font-size: 13px; font-weight: 800; letter-spacing: 0.05em; text-decoration: none; border-radius: 7px; opacity: 1; transform: translateY(0); pointer-events: auto; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

/* Kartiņas Hover efekti */
.service-card:hover { transform: translateY(-6px); border-color: #dda25e; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); }
.service-card:hover .service-img { transform: scale(1.05); }
.service-cta:hover { background: var(--accent); color: var(--dark-bg); }


/* ─────────────────────────────────────────
   8. PAKALPOJUMU SARAKSTI UN KOMPLEKTI (Pakalpojumu lapa)
───────────────────────────────────────── */
#detailed-services { width: 100%; display: flex; flex-direction: column; }

/* Sadalīto sekciju loģika (Teksts vienā pusē, bilde/video otrā) */
.split-category { display: flex; min-height: 80vh; background: var(--dark-bg); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.split-category:nth-child(even) { flex-direction: row-reverse; background: var(--dark-surface); } /* Katrs otrs bloks apgriezts spoguļattēlā */
.split-text { flex: 1; padding: 100px 8vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; }
.split-image { flex: 1; position: relative; min-height: 400px; }
.split-image img, .split-image video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.category-title { font-size: clamp(28px, 3vw, 36px); color: #dda25e; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; width: 100%; text-align: left; }

/* Saraksta rindiņas (Viena pakalpojuma bloks) */
.service-list { display: flex; flex-direction: column; gap: 20px; width: 100%; margin-bottom: 30px; }
.service-row { background: rgba(255, 255, 255, 0.02); padding: 30px 35px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; gap: 10px; width: 100%; }
.service-row:hover { border-color: rgba(221, 161, 94, 0.5); background: rgba(255, 255, 255, 0.04); }

/* Lielo komplektu speciālās rindiņas (Premium, Standart) */
.service-row2, .service-row3 { background: rgba(255, 255, 255, 0.02); padding: 30px 35px; border-radius: 8px; border: 1px solid #dda25e73; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; gap: 10px; width: 100%; }
.service-row2:hover, .service-row3:hover { transform: translateY(-6px); border-color: var(--accent); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); }

/* Tekstu un cenu izvietojums rindiņās */
.service-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; width: 100%; }
.service-title-col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } /* Kreisā kolonna (Nosaukums + Cena) */
.service-name { font-size: 22px; font-weight: 800; color: var(--text-light); margin: 0; text-align: left; }
.service-price { font-size: 22px; font-weight: 800; color: var(--accent); white-space: nowrap; margin: 0; }
.service-desc { font-size: 20px; color: var(--text-muted); line-height: 1.6; margin: 0; text-align: left; }

/* --- ĶEKSĪŠI PAKALPOJUMU LAPĀ ("Pievienot" poga blakus cenai) --- */
.service-action-right { display: flex; align-items: flex-start; justify-content: flex-start; }
.external-service-item { display: flex; align-items: flex-start; gap: 15px; cursor: pointer; font-size: 18px; font-weight: 400; color: var(--text-muted); transition: color 0.3s ease; }
.external-service-item:hover { color: var(--text-light); }

/* Zelta ķeksīša fiziskais kvadrātiņš */
.external-checkbox { 
    appearance: none !important; -webkit-appearance: none !important; width: 22px; height: 22px; 
    border: 2px solid var(--accent); background: transparent; display: inline-block; position: relative; 
    cursor: pointer; flex-shrink: 0; outline: none; border-radius: 3px; margin: 0;
}
.external-checkbox:checked { background: rgba(221, 161, 94, 0.15); }
/* \FE0E kods pasaka telefonam "Netaisi šo par Emoji, atstāj kā tekstu!" */
.external-checkbox:checked::after { 
    content: '\2714\FE0E'; position: absolute; top: -2px; left: 4px; 
    color: var(--accent) !important; font-size: 15px; font-family: Arial, sans-serif; 
}

/* --- KOMPLEKTU SARAKSTI (Bullet punkti pakotnēm) --- */
.package-list { list-style: none; padding: 15px 0 10px 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
/* Visi iekļautie punkti (balts teksts, zelta ķeksītis priekšā) */
.package-list li { font-size: 18px; color: var(--text-light); position: relative; padding-left: 26px; text-align: left; line-height: 1.4; transition: all 0.3s ease; }
.package-list li::before { content: '\2714\FE0E'; color: var(--accent); position: absolute; left: 0; top: 0; font-size: 16px; line-height: 1.4; }

/* NEIEKĻAUTIE PUNKTI (Izbalējis, pelēks, pārsvītrots ar krustiņu) */
.package-list li.nav-ieklauts { color: rgba(255, 255, 255, 0.25) !important; text-decoration: line-through; }
.package-list li.nav-ieklauts::before { content: '\2715\FE0E'; color: rgba(255, 255, 255, 0.25); text-decoration: none; display: inline-block; }

/* Pogas "Sīkāk" un "Pieteikt Komplektu" */
.toggle-package-btn { 
    display: inline-flex; align-items: center; justify-content: center; background: #222222; border: 1px solid #dda25eb0; color: #ececec; font-size: 14px; font-weight: 800; letter-spacing: 0.05em; padding: 12px 30px; margin-top: 20px; align-self: flex-start; transition: all 0.4s ease; font-family: inherit; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); cursor: pointer; 
    border-radius: 7px; /* Noapaļo stūrus Sīkāk pogai */
}
.toggle-package-btn:hover { background: var(--accent); color: var(--dark-bg); transform: translateY(-4px); }

.toggle-action-btn { 
    display: inline-flex; align-items: center; justify-content: center; background: var(--accent); border: 1px solid #dda25eb0; color: var(--dark-bg); font-size: 14px; font-weight: 800; letter-spacing: 0.05em; padding: 12px 30px; margin-top: 20px; align-self: flex-start; transition: all 0.4s ease; font-family: inherit; cursor: pointer; 
    border-radius: 7px; /* Noapaļo stūrus Pieteikt Komplektu pogai */
}
.toggle-action-btn:hover { transform: translateY(-4px); }

/* Akordeona paslēpšanas/parādīšanas loģika "Sīkāk" sadaļai */
.package-details { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; width: 100%; }
.package-details-inner { padding-top: 5px; padding-bottom: 10px; }
.service-row2.expanded .package-details, .service-row3.expanded .package-details, .package-row.expanded .package-details { max-height: 800px; }


/* ─────────────────────────────────────────
   9. PORTFOLIO UN PIRMS/PĒC SLIDERIS
───────────────────────────────────────── */
#portfolio, #portfolio-gallery { background: var(--dark-surface); padding: 140px 60px; position: relative; }
#portfolio-gallery { background: var(--dark-bg); padding: 40px 60px 140px; }
.section-header { text-align: center; margin-bottom: 80px; }
.section-header h2 { font-size: 40px; text-transform: uppercase; letter-spacing: 0.05em; color: #dda25e; }

/* Attēlu režģis galerijā */
.portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1800px; margin: 0 auto; }
.portfolio-item { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1; border: 2px solid rgba(255, 255, 255, 0.05); transition: all 0.5s ease; background: var(--dark-bg); }
.portfolio-item:hover { transform: translateY(-10px); border-color: rgb(221, 162, 94); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); }

/* Bilžu loģika (Viena bilde pa virsu otrai, nogriezta ar clip-path) */
.img-after, .img-before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.img-before { clip-path: polygon(0 0, var(--pos, 50%) 0, var(--pos, 50%) 100%, 0 100%); z-index: 2; }
.img-after { z-index: 1; }
.portfolio-item:hover .img-before, .portfolio-item:hover .img-after { transform: scale(1.05); }

/* Pats slīdnis un baltā svītra */
.slider-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: ew-resize; }
.slider-line { position: absolute; top: 0; left: var(--pos, 50%); width: 2px; height: 100%; background: #e6e6e68c; transform: translateX(-50%); pointer-events: none; z-index: 5; opacity: 1; transition: opacity 0.3s ease; }
/* Poga (bultiņas) pa vidu svītrai. pointer-events: none garantē, ka peles klikšķis reģistrējas inputam, nevis pogai */
.slider-button { position: absolute; top: 50%; left: var(--pos, 50%); transform: translate(-50%, -50%); width: 44px; height: 44px; background: var(--dark-bg); border: 2px solid #e6e6e6; border-radius: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; z-index: 5; color: #e6e6e6; opacity: 1; transition: opacity 0.3s ease; }
.slider-button svg { width: 20px; height: 20px; }

/* Etiķetes "Pirms" un "Pēc" augšējos stūros */
.label-before, .label-after { position: absolute; top: 20px; padding: 6px 12px; background: rgba(22, 22, 22, 0.85); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; z-index: 4; backdrop-filter: blur(4px); pointer-events: none; opacity: 1; transition: opacity 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1); }
.label-before { left: 20px; }
.label-after { right: 20px; }
.portfolio-action { text-align: center; margin-top: 60px; }


/* ─────────────────────────────────────────
   10. PAR MUMS UN ATSAUKSMES
───────────────────────────────────────── */
/* Feature ("Kāpēc izvēlēties mūs") režģis */
#features { background:  var(--dark-bg); padding: 140px 60px; position: relative; }
.features-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1800px; margin: 0 auto; }
.feature { background: rgba(255, 255, 255, 0.02); padding: 50px 40px; border-radius: 8px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; }
.feature::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 0%, rgba(221, 161, 94, 0.15), transparent 70%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none; }
.feature:hover { transform: translateY(-10px); border-color: rgba(221, 161, 94, 0.3); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); }
.feature:hover::before { opacity: 1; }
.feature-icon { width: 50px; height: 50px; margin: 0 auto 24px; color: var(--accent); position: relative; z-index: 2; }
.feature h3 { font-size: 20px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 16px; position: relative; z-index: 2; }
.feature p { font-size: 18px; line-height: 1.6; color: var(--text-muted); position: relative; z-index: 2; }

/* Atsauksmju bloks un zvaigznītes */
#atsauksmes { background: var(--dark-bg); padding: 140px 60px; }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1800px; margin: 0 auto; }
.testimonial-card { background: var(--dark-surface); padding: 50px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.03); }
.stars { color: var(--accent); margin-bottom: 20px; display: flex; gap: 4px; }
.stars svg { width: 20px; height: 20px; fill: currentColor; }
.testimonial-text { font-size: 18px; line-height: 1.8; color: var(--text-muted); font-style: italic; margin-bottom: 30px; }
.testimonial-author { font-size: 14px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-light); }


/* ─────────────────────────────────────────
   11. KONTAKTI UN FOOTER
───────────────────────────────────────── */
#kontakti { background: var(--dark-bg); padding: 140px 60px; }
.kontakti-header { text-align: center; margin-bottom: 60px; width: 100%; }
.kontakti-header h2 { font-size: 40px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-light); }

/* Galvenais dalījums: Kreisā puse teksts, Labā puse karte */
.kontakti-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1800px; margin: 0 auto; align-items: stretch; }
.kontakti-info { display: flex; flex-direction: column; justify-content: center; padding-right: 40px; text-align: left; }
.kontakti-info h2 { display: none; } /* Paslēpts, ja izmanto atsevišķu kontakti-header */

/* Mazo kontakta detaļu režģis (Adrese, Telefons, Epasts) */
.contact-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px; width: 100%; }
.contact-details-grid .contact-block { margin-bottom: 0; }
.contact-block { margin-bottom: 30px; }
.contact-block h4 { font-size: 22px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; padding-top: 20px;}
.contact-block p, .contact-block a { font-size: 18px; color: var(--text-light); text-decoration: none; line-height: 1.6; display: block; }
.contact-block a:hover { color: var(--accent); }

/* Sociālo tīklu ikonas */
.contact-icons { display: flex; gap: 12px; margin-top: 12px; }
.icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: none; background: transparent; text-decoration: none; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.icon-btn:hover { transform: translateY(-4px) scale(1.05); }
.icon-btn .custom-icon { width: 100%; height: 100%; object-fit: contain; }

/* Google karte labajā pusē */
.kontakti-map { height: 100%; min-height: 450px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05); }
.kontakti-map iframe { width: 100%; height: 100%; object-fit: cover; filter: invert(90%) hue-rotate(180deg) contrast(80%); } /* Tumšais režīms kartei */

/* Lapas apakša (Footer) */
footer { background: #0a0a0a; padding: 40px 100px; border-top: 1px solid rgba(255, 255, 255, 0.05); margin-top: auto; }
.footer-main { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.footer-logo { display: flex; align-items: center; text-decoration: none; }
.footer-logo svg, .footer-logo img { height: 55px; width: auto; max-width: 150px; transition: transform 0.3s ease; }
.footer-logo:hover svg, .footer-logo:hover img { transform: scale(1.05); }
.footer-socials { display: flex; gap: 24px; }
.footer-socials a { font-size: 13px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); text-decoration: none; transition: 0.3s; }
.footer-socials a:hover { color: var(--accent); }
.footer-copy { width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(255, 255, 255, 0.3); text-align: center; }

/* Poga "Atpakaļ uz augšu" */
.back-to-top { position: fixed; bottom: 40px; right: 100px; width: 56px; height: 56px; background-color: var(--accent); color: var(--dark-bg); border: none; border-radius: 7px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(221, 161, 94, 0.4); opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 1000; cursor: pointer; }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { transform: translateY(-8px); background-color: #ebae67; box-shadow: 0 15px 35px rgba(221, 161, 94, 0.6); }
.back-to-top svg { width: 24px; height: 24px; stroke-width: 2.5; }


/* ─────────────────────────────────────────
   12. MODĀLAIS LOGS (REZERVĀCIJAS FORMA)
───────────────────────────────────────── */
/* Tumšais fons aiz modālā loga */
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 10, 10, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100000; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 0.4s ease; padding: 20px; overflow-y: auto; }
.modal-overlay.active { opacity: 1; visibility: visible; }

/* Pats baltais/pelēkais rāmis formā */
.modal-container { background: var(--dark-surface); border: 1px solid rgba(221, 161, 94, 0.3); width: 100%; max-width: 600px; border-radius: 12px; padding: 40px; position: relative; transform: translateY(30px); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); margin: auto; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); }
.modal-overlay.active .modal-container { transform: translateY(0); }

/* Aizvēršanas (X) poga stūrī */
.close-modal { position: absolute; top: 20px; right: 25px; background: none; border: none; color: var(--text-muted); font-size: 32px; transition: 0.3s; cursor: pointer; }
.close-modal:hover { color: var(--accent); transform: rotate(90deg); }

.modal-header { margin-bottom: 30px; text-align: center; }
.modal-header h2 { font-size: 28px; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; letter-spacing: 0.05em; }
.modal-header p { color: var(--text-muted); font-size: 18px; }

/* Input lauki un kontaktu informācija */
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { margin-bottom: 20px; display: flex; flex-direction: column; }
.form-group label:not(.service-item) { font-size: 14px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 8px; }
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="date"], .form-group textarea { background: var(--dark-bg); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-light); padding: 14px 15px; font-family: inherit; font-size: 16px; border-radius: 4px; outline: none; transition: 0.3s; }
.form-group textarea { resize: vertical; min-height: 100px; }
.form-group input:focus, .form-group textarea:focus { border-color: var(--accent); }

/* Telefona numura ievades lauks (ar priekšā pieliktu prefiksu) */
.phone-wrapper { display: flex; background: var(--dark-bg); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; transition: 0.3s; }
.phone-wrapper:focus-within { border-color: var(--accent); }
.phone-prefix { width: 70px; background: rgba(255, 255, 255, 0.03) !important; border: none !important; border-right: 1px solid rgba(255, 255, 255, 0.1) !important; text-align: center; border-radius: 4px 0 0 4px !important; }
.phone-number { flex: 1; background: transparent !important; border: none !important; padding: 14px 15px !important; color: var(--text-light); font-size: 16px; outline: none; }

/* Pakalpojumu saraksti modālajā logā */
.modal-container .services-group-container { display: flex; flex-direction: column; }
.modal-container .service-list { display: flex; flex-direction: column; gap: 7px; width: 100%; margin-bottom: 0; }
.modal-container .fixed-list { max-height: none; overflow: hidden; }
.modal-container .scrollable-list { max-height: 235px; overflow-y: auto; padding-right: 5px; }
.modal-container .scrollable-list::-webkit-scrollbar { width: 4px; }
.modal-container .scrollable-list::-webkit-scrollbar-track { background: transparent; }
.modal-container .scrollable-list::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 4px; }

/* Akordeons modālajā logā (Lai atvērtu un paslēptu pakalpojumu sarakstu) */
.modal-container .accordion-header { display: flex; justify-content: space-between; align-items: center; background: var(--dark-bg); padding: 14px 15px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; cursor: pointer; transition: 0.3s; }
.modal-container .accordion-header:hover { border-color: var(--accent); }
.modal-container .accordion-header .arrow { color: var(--accent); font-size: 12px; transition: transform 0.3s; }
.modal-container .accordion-group.open .arrow { transform: rotate(180deg); }
.modal-container .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, margin-top 0.4s ease; }
.modal-container .accordion-group.open .accordion-content { max-height: 250px; margin-top: 10px; }

/* Atsevišķas rindas un teksti formā */
.modal-container .service-item { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; color: var(--text-light); padding: 14px 15px; background: var(--dark-bg); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 4px; transition: 0.2s; }
.modal-container .service-item:hover { background: rgba(221, 161, 94, 0.08); border-color: rgba(221, 161, 94, 0.3); }
.modal-container .service-name { flex: 1; font-size: 16px !important; font-weight: 400 !important; text-align: left !important; text-transform: none !important; margin: 0 !important; color: var(--text-light) !important; }
.modal-container .service-price { color: var(--accent) !important; font-weight: 800 !important; font-size: 14px !important; margin: 0 !important; text-transform: none !important; }

/* Modālā loga summas bloks (Kopā jāmaksā) */
.modal-footer { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; display: flex; flex-direction: column; align-items: flex-start; }
.total-price-box { font-size: 18px; font-weight: 800; text-transform: uppercase; text-align: left; margin-bottom: 20px; color: var(--text-muted); letter-spacing: 0.05em; }
.total-sum { font-size: 24px; color: var(--accent); margin-left: 10px; text-transform: none; }

/* Kursoru fiksācijas visām pogām modālajā logā */
.modal-container button, .modal-container input[type="submit"], #booking-form button, .modal-container .btn-solid { cursor: pointer !important; }

/* --- ĶEKSĪŠU UN RADIO POGU FIX (Formā iekšpusē) --- */
/* Paslēpj oriģinālos telefonos iebūvētos dizainus */
.modal-container .service-item input[type="checkbox"], .modal-container .service-item input[type="radio"] { 
    appearance: none !important; -webkit-appearance: none !important; width: 18px; height: 18px; border: 2px solid var(--accent); background: transparent; display: inline-block; position: relative; cursor: pointer; margin-right: 12px; flex-shrink: 0; outline: none;
}
.modal-container .service-item input[type="radio"] { border-radius: 50%; }
.modal-container .service-item input[type="checkbox"] { border-radius: 3px; }

/* \FE0E kods pasaka Apple tālruņiem, lai neizmanto Emoji fontus ķeksītim */
.modal-container .service-item input[type="checkbox"]:checked::after { content: '\2714\FE0E'; position: absolute; top: -3px; left: 2px; color: var(--accent) !important; font-size: 15px; font-family: Arial, sans-serif; }
.modal-container .service-item input[type="radio"]:checked::after { content: ''; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; background: var(--accent) !important; border-radius: 50%; }

/* --- INFO BURBULIS (TOOLTIP) DATUMA LAUKAM --- */
.tooltip-label { display: flex !important; align-items: center; gap: 8px; }
.info-tooltip { position: relative; display: inline-flex; align-items: center; justify-content: center; cursor: help; }
.info-icon { width: 14px; height: 14px; stroke: var(--accent); transition: stroke 0.3s ease, transform 0.3s ease; }


/* tabindex="0" un :focus ļauj burbulim strādāt uz skārienjūtīgajiem ekrāniem */
.info-tooltip:hover .info-icon, .info-tooltip:focus .info-icon, .info-tooltip:active .info-icon { stroke: var(--accent); transform: scale(1.1); }
.info-tooltip:hover .tooltip-text, .info-tooltip:focus .tooltip-text, .info-tooltip:active .tooltip-text { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }

/* Pats teksta konteiners (slēpts pēc noklusējuma) */
.tooltip-text {
    visibility: hidden; opacity: 0; width: 220px; background-color: var(--dark-surface); color: var(--text-light); text-align: center; border: 1px solid var(--accent); border-radius: 6px; padding: 10px 12px;
    font-size: 15px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0.03em !important; line-height: 1.5;
    position: absolute; z-index: 10000; bottom: 150%; left: 50%; transform: translateX(-50%) translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
/* Trīsstūrītis (Bultiņa) zem burbuļa */
.tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border-width: 6px; border-style: solid; border-color: var(--accent) transparent transparent transparent; }


/* ─────────────────────────────────────────
   13. FLATPICKR KALENDĀRS (Trešās puses plugina stili)
───────────────────────────────────────── */
input.flatpickr-input { background: var(--dark-bg) !important; color: var(--text-light) !important; border-color: rgba(255, 255, 255, 0.1) !important; cursor: pointer; }
.flatpickr-calendar { z-index: 100005 !important; background: var(--dark-surface) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important; }
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar .flatpickr-current-month .numInputWrapper, .flatpickr-calendar .flatpickr-current-month input.cur-year { color: var(--text-light) !important; font-family: inherit !important; font-weight: 800 !important; }
.flatpickr-calendar span.flatpickr-weekday { color: var(--text-muted) !important; font-weight: 800 !important; }
.flatpickr-calendar .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-next-month svg { fill: var(--text-light) !important; cursor: pointer; }
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange:hover, .flatpickr-calendar .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--dark-bg) !important; }
.flatpickr-calendar .flatpickr-day.today { border-color: var(--accent) !important; }
.flatpickr-calendar .flatpickr-day:hover { background: rgba(221, 161, 94, 0.2) !important; border-color: rgba(221, 161, 94, 0.4) !important; cursor: pointer; }


/* ─────────────────────────────────────────
   14. RESPONSĪVAIS DIZAINS (Media Queries)
───────────────────────────────────────── */

/* --- TABLETĒM UN MAZIEM DATORIEM (līdz 1024px) --- */
@media (max-width: 1024px) {
  #hero { padding: 120px 30px 60px; align-items: center; }
  .hero-block { padding: 40px 30px; }
  .btn-solid, .btn-action { font-size: 13px !important; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .features-row { grid-template-columns: 1fr; }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: 1fr; }
  .split-category, .split-category:nth-child(even) { flex-direction: column; }
  .split-image { order: 1; width: 100%; min-height: 350px; }
  .split-text { order: 2; padding: 80px 40px; }
  .kontakti-grid { gap: 40px; }
  .contact-details-grid { gap: 20px 10px; } /* Kontaktinfo saglabā 2 kolonnas, bet ciešāk */
}

/* --- PLANŠETĒM UN TELEFONIEM (līdz 900px) --- */
@media (max-width: 900px) {
  /* Navigācijas pielāgošana hamburgeram */
  nav { padding: 16px 30px; }
  .nav-center, .nav-right .nav-btn, .nav-right .nav-lang { display: none; }
  .hamburger { display: flex; }
  .nav-center { align-items: stretch !important; min-width: 220px; }
  .nav-center li { width: 100%; }
  .nav-center a { width: 100%; display: flex; justify-content: center; }
  .mobile-booking-item { display: block; width: 100%; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 5px; }
  .mobile-lang-item { display: block; margin-top: 15px; }

  /* Satura atstarpju drošības joslas, lai fiksētais headeris neaizsedz sekcijas sākumu */
  #hero, #page-header, #cta, #portfolio, #portfolio-gallery, #pakalpojumi, #features, #atsauksmes, #kontakti {
      padding-left: 40px !important; 
      padding-right: 40px !important;
      padding-top: 100px !important;
  }
  #pakalpojumi, #features, #portfolio, #atsauksmes, #kontakti, #cta, #page-header, #portfolio-gallery { padding-bottom: 80px; }
  #page-header { padding: 140px 30px 60px; }
  
  .split-text { padding-left: 40px !important; padding-right: 40px !important; padding: 60px 30px; }
  
  /* Pārkārtojam elementus no platuma uz augstumu */
  .services-grid { grid-template-columns: 1fr; gap: 20px; max-width: 450px; margin: 0 auto; }
  .service-card { aspect-ratio: 1 / 1; }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .kontakti-grid { grid-template-columns: 1fr; gap: 40px; }
  .kontakti-info { padding-right: 0; text-align: center; align-items: center; }
  .kontakti-header { margin-bottom: 40px; }
  .kontakti-header h2 { font-size: 28px !important; }
  .contact-icons { justify-content: center; }
  footer { padding: 40px 30px; }
  .footer-main { flex-direction: column; gap: 20px; text-align: center; }
  .back-to-top { bottom: 20px; right: 20px; width: 48px; height: 48px; }
  
  /* Pakalpojumu rindiņas (Lai nosaukums un poga sakārtotos smuki viens otram blakus telefona ekrānā) */
  .service-row, .service-row2, .service-row3 { padding: 20px; }
  .service-header { flex-direction: column; gap: 5px; align-items: flex-start; }
  .service-row .service-header { flex-direction: row !important; align-items: flex-end !important; justify-content: space-between !important; }
}

/* --- TIKAI MOBILAJIEM TELEFONIEM (līdz 600px) --- */
@media (max-width: 600px) {
  /* Modālais logs pa visu ekrānu */
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .modal-container { padding: 30px 20px; }
  
  /* Pārkārtojam sīkos kontaktus (Telefons, Adrese) uz 1 kolonnu */
  .contact-details-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-details-grid .contact-block { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .contact-icons { justify-content: center; margin-top: 15px; }
}

/* --- MAZIEM EKRĀNIEM (līdz 500px) --- */
@media (max-width: 500px) {
  .hero-h1, .page-header-title { font-size: clamp(20px, 8vw, 36px) !important; }
  .section-header h2, .kontakti-info h2, .cta-inner h2 { font-size: 28px !important; margin-bottom: 30px; }
  .category-title { font-size: 24px !important; margin-bottom: 25px; }
  .service-info h3 { font-size: 18px !important; transform: translateY(-45px) !important; }
  .portfolio-grid { grid-template-columns: 1fr; gap: 15px; }
  
  /* Samazinām slīdņa pogu */
  .slider-button { width: 34px; height: 34px; }
  .slider-button svg { width: 16px; height: 16px; }
  .label-before, .label-after { padding: 4px 8px; font-size: 9px; top: 10px; }
  .label-before { left: 10px; }
  .label-after { right: 10px; }
}

/* --- PAAAVISAM MAZIEM EKRĀNIEM (līdz 400px) --- */
@media (max-width: 400px) {
  .btn-solid, .btn-action { padding: 14px 24px !important; width: 100%; max-width: 100%; text-align: center; }
  
  #hero, #page-header, #cta, #portfolio, #portfolio-gallery, #pakalpojumi, #features, #atsauksmes, #kontakti {
      padding-left: 25px !important; 
      padding-right: 25px !important;
  }
  #pakalpojumi, #features, #portfolio, #atsauksmes, #kontakti, #cta, #page-header, #portfolio-gallery { padding: 60px 15px; }
  
  .split-text { padding-left: 25px !important; padding-right: 25px !important; padding: 50px 15px; }
  .hero-block { padding: 30px 15px !important; }
}

/* --- SKĀRIENJŪTĪGO EKRĀNU FIX (Lietām, kas parasti reaģē tikai uz peles klikšķi) --- */
@media (hover: none) {
  /* Ieslēdzam Pirms/Pēc slīdni vienmēr, jo telefonam nav 'hover' */
  .portfolio-item .label-before,
  .portfolio-item .label-after,
  .portfolio-item .slider-line,
  .portfolio-item .slider-button {
      opacity: 1 !important;
  }
}