/* ============================================================
   Hottt brand styles — child theme additions
   ============================================================
   Pievieno child theme style.css beigās VAI enqueue atsevišķi
   priekš Block Patterns
   ============================================================ */

:root {
  --hottt-red: #E30613;
  --hottt-black: #2a2a2a;
  --hottt-yellow: #fbbf24;
  --hottt-lime: #C8FF00;
  --hottt-lime-pastel: #d9f49b;
  --hottt-green: #22c55e;
  --hottt-blue: #3b82f6;
  --hottt-bg-light: #f5f5f5;
  --hottt-pink-bg: #fff5f5;
  --hottt-text-mute: #666;
  --hottt-text-light: #888;
}

/* ============================================================
   Pattern: hottt/info-veikali-bar
   ============================================================ */
.hottt-info-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--hottt-pink-bg);
  border-left: 4px solid var(--hottt-red);
  border-radius: 8px;
  padding: 16px 20px;
  margin: 24px 0;
  font-size: 15px;
}
.hottt-info-bar__pin {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--hottt-red);
}
.hottt-info-bar strong { color: var(--hottt-red); }

/* ============================================================
   Pattern: hottt/cta-find-store
   ============================================================ */
.hottt-btn-find-store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  background: var(--hottt-black);
  color: #fff;
  transition: transform 0.1s, opacity 0.1s;
}
.hottt-btn-find-store:hover { transform: translateY(-1px); color: #fff; }
.hottt-btn-find-store svg { width: 14px; height: 14px; fill: currentColor; }

/* ============================================================
   Pattern: hottt/hero-large-image (Variant A — lime)
   ============================================================ */
.hottt-hero-a {
  background: var(--hottt-lime-pastel);
  padding: 56px 0;
  border-radius: 0;
  margin: 0 -1.5rem;
}
.hottt-hero-a__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 40px;
  align-items: center;
}
.hottt-hero-a__title {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 16px;
  line-height: 1.1;
}
.hottt-hero-a__title .accent { color: var(--hottt-red); }
.hottt-hero-a__subtitle {
  font-size: 16px;
  margin: 0 0 20px;
  max-width: 540px;
  line-height: 1.55;
}
.hottt-hero-a__bullets {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hottt-hero-a__bullets li {
  display: flex;
  align-items: start;
  gap: 12px;
  font-size: 15px;
}
.hottt-hero-a__bullets .marker {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--hottt-red);
  margin-top: 5px;
}
.hottt-hero-a__bullets .marker.blue { background: var(--hottt-blue); }
.hottt-hero-a__bullets a {
  color: var(--hottt-green);
  text-decoration: underline;
  font-weight: 600;
}

/* ============================================================
   Pattern: hottt/hero-compact (Variant B — gray)
   ============================================================ */
.hottt-hero-b {
  background: var(--hottt-bg-light);
  padding: 48px 0;
  margin: 0 -1.5rem;
}
.hottt-hero-b__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  align-items: center;
}
.hottt-hero-b__title {
  font-size: 38px;
  font-weight: 800;
  margin: 0 0 12px;
  line-height: 1.15;
}
.hottt-hero-b__title .accent { color: var(--hottt-blue); }
.hottt-hero-b__title .accent-red { color: var(--hottt-red); }
.hottt-hero-b__subtitle {
  font-size: 15px;
  margin: 0 0 18px;
  max-width: 540px;
}
.hottt-hero-b__bullets {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hottt-hero-b__bullets li {
  display: flex;
  align-items: start;
  gap: 12px;
  font-size: 14px;
}
.hottt-hero-b__bullets .marker {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--hottt-blue);
  margin-top: 4px;
}

/* ============================================================
   Pattern: hottt/how-it-works-steps
   ============================================================ */
.hottt-steps {
  padding: 56px 0;
}
.hottt-steps__title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 32px;
}
.hottt-steps__title svg {
  width: 32px;
  height: 32px;
  fill: var(--hottt-green);
}
.hottt-steps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.hottt-steps__step {
  display: grid;
  grid-template-columns: 60px 24px 1fr;
  gap: 16px;
  padding: 20px 0;
  align-items: start;
}
.hottt-steps__num {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}
.hottt-steps__dot-col {
  position: relative;
  width: 24px;
  align-self: stretch;
}
.hottt-steps__dot-col::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--hottt-red);
  transform: translateX(-50%);
}
.hottt-steps__step:first-child .hottt-steps__dot-col::before { top: 8px; }
.hottt-steps__step:last-child .hottt-steps__dot-col::before { bottom: calc(100% - 16px); }
.hottt-steps__dot {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--hottt-red);
  transform: translateX(-50%);
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--hottt-red);
}
.hottt-steps__content h4 {
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 700;
}
.hottt-steps__content p {
  margin: 0;
  color: var(--hottt-text-mute);
  font-size: 14px;
}

/* ============================================================
   Pattern: hottt/pricing-table
   ============================================================ */
.hottt-pricing {
  padding: 40px 0;
}
.hottt-pricing__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  font-size: 15px;
}
.hottt-pricing__table thead { background: var(--hottt-bg-light); }
.hottt-pricing__table th {
  text-align: left;
  padding: 14px 18px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
}
.hottt-pricing__table td {
  padding: 14px 18px;
  border-bottom: 1px solid #f0f0f0;
}
.hottt-pricing__table tr:last-child td { border-bottom: 0; }

/* ============================================================
   SĀKUMLAPA — Home page sections
   Source: mockups/sakumlapa-v1.html + _shared.css (AUTHORITATIVE)
   Brand red: #E30613 | Scoped under .hottt-home wrapper
   ============================================================ */
.hottt-home {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1a1a1a;
  line-height: 1.6;
}
.hottt-home a { text-decoration: none; color: inherit; }
.hottt-home *, .hottt-home *::before, .hottt-home *::after { box-sizing: border-box; }
.hottt-home__container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* PROMO SECTION */
.hottt-home .promo-section { padding: 32px 0 64px; background: #ffffff; }
.hottt-home .promo-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; min-height: 480px; }
.hottt-home .promo-card { position: relative; border-radius: 16px; overflow: hidden; display: flex; color: #ffffff; transition: transform .2s, box-shadow .2s; cursor: pointer; }
.hottt-home .promo-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.hottt-home .promo-main { background: #111111; background-image: radial-gradient(circle at 80% 20%, rgba(227,6,19,.4) 0%, transparent 50%), linear-gradient(135deg,#1a1a1a 0%,#000 100%); padding: 56px 48px; min-height: 480px; }
.hottt-home .promo-main .promo-content { display: flex; flex-direction: column; justify-content: center; gap: 16px; max-width: 480px; z-index: 2; position: relative; }
.hottt-home .promo-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #E30613; display: inline-flex; align-items: center; gap: 8px; }
.hottt-home .promo-eyebrow::before { content: ''; width: 24px; height: 2px; background: #E30613; }
.hottt-home .promo-headline { font-size: 48px; font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: #ffffff; margin: 0; }
.hottt-home .promo-desc { font-size: 16px; color: #d1d5db; line-height: 1.6; max-width: 420px; margin: 0; }
.hottt-home .promo-main .btn { margin-top: 12px; width: fit-content; }
.hottt-home .promo-badge { position: absolute; top: 24px; right: 24px; background: #E30613; color: #fff; padding: 10px 16px; border-radius: 6px; font-size: 14px; font-weight: 800; letter-spacing: .08em; transform: rotate(4deg); }
.hottt-home .promo-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.hottt-home .promo-sub { padding: 32px; display: flex; flex-direction: column; justify-content: space-between; }
.hottt-home .promo-sub-lime { background: #C8FF00; color: #000; }
.hottt-home .promo-sub-lime .promo-eyebrow { color: #000; }
.hottt-home .promo-sub-lime .promo-eyebrow::before { background: #000; }
.hottt-home .promo-sub-lime .promo-headline-sm, .hottt-home .promo-sub-lime .promo-desc-sm, .hottt-home .promo-sub-lime .promo-link { color: #000; }
.hottt-home .promo-sub-red { background: #E30613; color: #fff; }
.hottt-home .promo-sub-red .promo-eyebrow { color: #fff; }
.hottt-home .promo-sub-red .promo-eyebrow::before { background: #fff; }
.hottt-home .promo-headline-sm { font-size: 28px; font-weight: 800; line-height: 1.15; margin: 12px 0 0; }
.hottt-home .promo-big-num { font-size: 40px; font-weight: 800; display: inline-block; letter-spacing: -.02em; }
.hottt-home .promo-desc-sm { font-size: 14px; line-height: 1.5; opacity: .85; margin-top: 8px; }
.hottt-home .promo-link { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 6px; }
.hottt-home .promo-sub:hover .promo-link { gap: 10px; }

/* TRUST STRIP (full-bleed gray) */
.hottt-home .trust-strip { background: #fafafa; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 32px 0; }
.hottt-home .trust-grid { display: flex; align-items: center; justify-content: space-around; gap: 16px; }
.hottt-home .trust-item { text-align: center; flex: 1; }
.hottt-home .trust-num { font-size: 28px; font-weight: 800; color: #000; line-height: 1; letter-spacing: -.02em; }
.hottt-home .trust-label { font-size: 12px; color: #6b7280; margin-top: 6px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.hottt-home .trust-divider { width: 1px; height: 32px; background: #d1d5db; }

/* SERVICES */
.hottt-home .services { padding: 96px 0; }
.hottt-home .section-header { text-align: center; margin-bottom: 64px; }
.hottt-home .section-eyebrow { font-size: 12px; font-weight: 700; color: #E30613; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 16px; }
.hottt-home .section-title { font-size: 40px; font-weight: 800; color: #000; line-height: 1.2; letter-spacing: -.015em; margin: 0 0 16px; }
.hottt-home .section-subtitle { font-size: 17px; color: #4b5563; max-width: 640px; margin: 0 auto; }
.hottt-home .services-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.hottt-home .service-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 32px 24px; transition: all .2s; display: flex; flex-direction: column; gap: 16px; color: inherit; }
.hottt-home .service-card:hover { border-color: #E30613; transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.08); }
.hottt-home .service-icon { width: 56px; height: 56px; border-radius: 12px; background: #FEE2E2; color: #E30613; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hottt-home .service-title { font-size: 18px; font-weight: 700; color: #000; margin: 0; }
.hottt-home .service-desc { font-size: 14px; color: #4b5563; line-height: 1.6; flex-grow: 1; margin: 0; }
.hottt-home .service-link { font-size: 13px; font-weight: 700; color: #E30613; text-transform: uppercase; letter-spacing: .06em; display: inline-flex; align-items: center; gap: 4px; }
.hottt-home .service-card:hover .service-link { gap: 8px; }

/* BUTTONS (scoped) */
.hottt-home .btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 6px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; transition: all .2s; border: 2px solid transparent; }
.hottt-home .btn-primary { background: #E30613; color: #fff; }
.hottt-home .btn-primary:hover { background: #c00510; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(227,6,19,.3); }

/* RESPONSIVE */
@media (max-width: 1024px) {
  .hottt-home .promo-grid { grid-template-columns: 1fr; }
  .hottt-home .promo-main { min-height: 360px; padding: 40px 32px; }
  .hottt-home .promo-headline { font-size: 36px; }
  .hottt-home .services-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .hottt-home .promo-section { padding: 16px 0 40px; }
  .hottt-home .promo-grid { gap: 12px; }
  .hottt-home .promo-main { padding: 32px 24px; min-height: 320px; }
  .hottt-home .promo-headline { font-size: 28px; }
  .hottt-home .promo-sub { padding: 24px; }
  .hottt-home .promo-headline-sm { font-size: 22px; }
  .hottt-home .promo-big-num { font-size: 32px; }
  .hottt-home .promo-badge { font-size: 11px; padding: 6px 10px; }
  .hottt-home .trust-grid { flex-wrap: wrap; gap: 16px; }
  .hottt-home .trust-divider { display: none; }
  .hottt-home .trust-item { min-width: 40%; }
  .hottt-home .trust-num { font-size: 22px; }
  .hottt-home .section-title { font-size: 28px; }
  .hottt-home .services-grid { grid-template-columns: 1fr; }
}

/* Hide Kadence page-title hero on Sākumlapa (mockup has no page title) */
body.page-id-48 .entry-hero { display: none; }
body.page-id-48 .content-area .site-main { padding-top: 0; }
body.page-id-48 .entry-content-wrap { padding: 0 !important; }
body.page-id-48 article.content-bg,
body.page-id-48 .single-entry.content-bg { background: #ffffff !important; box-shadow: none !important; }

/* ============================================================
   FOOTER — mockup _shared.css (scoped .hottt-footer)
   ============================================================ */
#colophon, body .site-footer#colophon { display: none !important; }

.hottt-footer { background: #000; color: #fff; padding: 64px 0 0; font-family: 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif; line-height: 1.6; }
.hottt-footer *, .hottt-footer *::before, .hottt-footer *::after { box-sizing: border-box; }
.hottt-footer a { text-decoration: none; }
.hottt-footer .hf-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.hottt-footer .footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: 64px; margin-bottom: 48px; }
.hottt-footer .footer-heading { font-size: 22px; font-weight: 800; color: #fff; margin: 0 0 12px; }
.hottt-footer .footer-divider { width: 100%; height: 1px; background: rgba(255,255,255,.15); margin-bottom: 24px; }
.hottt-footer .footer-col p { font-size: 14px; color: rgba(255,255,255,.85); margin: 0 0 12px; line-height: 1.6; }
.hottt-footer .footer-col .label { font-weight: 700; color: #fff; }
.hottt-footer .company-info { margin-bottom: 24px; }
.hottt-footer .payment-logos { display: flex; gap: 8px; margin-bottom: 28px; align-items: center; }
.hottt-footer .payment-logos img { display: block; height: 40px; width: auto; }
.hottt-footer .legal-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.hottt-footer .legal-links li { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.7); }
.hottt-footer .legal-links svg { color: #E30613; flex-shrink: 0; }
.hottt-footer .legal-links a { color: rgba(255,255,255,.85); transition: color .2s; }
.hottt-footer .legal-links a:hover { color: #fff; }
.hottt-footer .footer-nav { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.hottt-footer .footer-nav li { position: relative; padding-left: 18px; }
.hottt-footer .footer-nav li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #E30613; }
.hottt-footer .footer-nav a { font-size: 15px; color: rgba(255,255,255,.85); transition: color .2s; }
.hottt-footer .footer-nav a:hover { color: #fff; }
.hottt-footer .catalog-badges { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.hottt-footer .catalog-badge { display: inline-flex; align-items: center; justify-content: center; height: 40px; transition: transform .2s, opacity .2s; opacity: .9; }
.hottt-footer .catalog-badge:hover { transform: translateY(-2px); opacity: 1; }
.hottt-footer .catalog-badge img { display: block; height: 40px; width: auto; border: 0; }
.hottt-footer .footer-brand-col { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 32px; }
.hottt-footer .footer-big-logo svg { height: 90px; width: auto; }
.hottt-footer .footer-social { display: flex; gap: 12px; }
.hottt-footer .footer-social a { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: all .2s; }
.hottt-footer .footer-social a:hover { color: #E30613; }
.hottt-footer .footer-bottom { background: #111; padding: 16px 24px; margin: 0 -24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px; color: rgba(255,255,255,.6); }
.hottt-footer .link-accent { color: #E30613; }
.hottt-footer .footer-copy { color: rgba(255,255,255,.6); }
@media (max-width:1024px){ .hottt-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; } }
@media (max-width:768px){ .hottt-footer .footer-grid { grid-template-columns: 1fr; gap: 40px; } .hottt-footer .footer-brand-col { align-items: center; gap: 24px; } .hottt-footer .footer-big-logo svg { height: 60px; } .hottt-footer .footer-bottom { flex-direction: column; text-align: center; gap: 8px; } }

/* ============================================================
   BASIC SATURA / LEGAL LAPAS — doc typography
   Mockup: lapa-saturs-v1.html | Scope: page-id 54/157/158/159
   (NEVIS sākumlapa 48 — tā lieto .hottt-home full-bleed)
   ============================================================ */
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .content-bg { background:#ffffff !important; box-shadow:none !important; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content-wrap { padding-left:0; padding-right:0; }

/* Virsraksts — kreisi, liels, ar sarkanu akcentu */
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-hero { background:#ffffff; padding-top:48px; padding-bottom:0; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-hero .site-container { max-width:808px; margin:0 auto; padding:0 24px; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-hero .entry-header { text-align:left; justify-content:flex-start; align-items:flex-start; min-height:0 !important; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-title { font-size:40px; font-weight:800; line-height:1.15; letter-spacing:-0.02em; color:#111111; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-title::after { content:''; display:block; width:56px; height:4px; background:#E30613; border-radius:2px; margin-top:16px; }

/* Lasīšanas kolonna ~70 zīmes + body tipogrāfija */
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content { max-width:808px; margin:0 auto; padding:0 24px; font-size:17px; line-height:1.75; color:#1a1a1a; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content > :first-child { margin-top:0; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content p { margin:0 0 18px; font-size:17px; line-height:1.75; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content strong { font-weight:700; color:#111111; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content h2 { font-size:24px; font-weight:800; line-height:1.25; letter-spacing:-0.01em; color:#111111; margin:44px 0 14px; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content h3 { font-size:18px; font-weight:700; line-height:1.35; color:#111111; margin:30px 0 8px; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content a:not(.wp-block-button__link) { color:#E30613; text-decoration:underline; text-underline-offset:2px; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content a:not(.wp-block-button__link):hover { color:#c00510; }

/* Saraksti — sarkani marķieri */
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ul,
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ol { margin:0 0 18px; padding:0; list-style:none; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ol { counter-reset:doc; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content li { position:relative; padding-left:26px; margin-bottom:10px; line-height:1.6; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ul li::before { content:''; position:absolute; left:4px; top:11px; width:6px; height:6px; border-radius:50%; background:#E30613; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ol li { counter-increment:doc; }
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content ol li::before { content:counter(doc) '. '; position:absolute; left:0; top:0; color:#E30613; font-weight:700; }

@media (max-width:768px){
  body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-title { font-size:30px; }
  body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) .entry-content h2 { font-size:21px; margin-top:36px; }
}
body:is(.single-post,.page-id-51,.page-id-52,.page-id-53,.page-id-54,.page-id-157,.page-id-158,.page-id-159,.page-id-283) article.content-bg { margin-top:-40px; }

/* ============================================================
   PAKALPOJUMA LAPA (service landing) — .svc-page scoped
   Mockup: pakalpojumi-aizsargstikli-telefonam-v1.html
   Saturs: ekrana-aizsardziba (CPT 57)
   ============================================================ */
/* Kadence overrides tikai ja saturs satur .svc-page */
body:has(.svc-page) .entry-hero, body:has(.svc-page) .entry-header { display:none !important; }
body:has(.svc-page) article.content-bg { background:#ffffff !important; box-shadow:none !important; }
body:has(.svc-page) .entry-content-wrap { padding:0 !important; }

.svc-page {
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1a1a1a; line-height: 1.6;
  --red:#E30613; --red-hover:#c00510; --red-soft:#FEE2E2; --black:#000000;
  --gray-900:#111111; --gray-800:#1a1a1a; --gray-700:#2d2d2d; --gray-600:#4b5563;
  --gray-500:#6b7280; --gray-400:#9ca3af; --gray-300:#d1d5db; --gray-200:#e5e7eb;
  --gray-100:#f3f4f6; --gray-50:#fafafa; --white:#ffffff; --lime:#C8FF00;
}
.svc-page *, .svc-page *::before, .svc-page *::after { box-sizing: border-box; }
.svc-page a { text-decoration: none; color: inherit; }
.svc-page img { max-width: 100%; height: auto; display: block; }
.svc-page .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.svc-page .btn { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:6px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; transition:all .2s; border:2px solid transparent; cursor:pointer; }
.svc-page .btn-primary { background:var(--red); color:#fff; }
.svc-page .btn-primary:hover { background:var(--red-hover); transform:translateY(-1px); box-shadow:0 6px 16px rgba(227,6,19,.3); }
.svc-page .btn-ghost { background:#fff; color:var(--black); border-color:var(--gray-300); }
.svc-page .btn-ghost:hover { border-color:var(--black); background:var(--gray-100); }
/* real images */
.svc-page .svc-hero-visual img { width:100%; height:100%; object-fit:cover; border-radius:16px; }
.svc-page .pricing-image { padding:0; }
.svc-page .pricing-image img { width:100%; height:100%; object-fit:cover; }
/* install section */
.svc-page .svc-install { padding:64px 0; }
.svc-page .svc-install-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.svc-page .svc-install-img { border-radius:16px; overflow:hidden; border:1px solid var(--gray-200); }
.svc-page .svc-install-img img { width:100%; height:100%; object-fit:cover; }
.svc-page .svc-install h3 { font-size:18px; font-weight:800; margin:24px 0 8px; color:var(--black); }
.svc-page .svc-install ul { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; }
.svc-page .svc-install li { display:flex; gap:10px; font-size:14px; color:var(--gray-700); line-height:1.5; align-items:flex-start; }
.svc-page .svc-install li svg { color:var(--red); flex-shrink:0; margin-top:3px; }
@media (max-width:1024px){ .svc-page .svc-install-grid { grid-template-columns:1fr; } }
.svc-page .breadcrumb { background: var(--gray-50); border-bottom: 1px solid var(--gray-200); padding: 16px 0; font-size: 13px; }
.svc-page .breadcrumb-inner { display: flex; align-items: center; gap: 8px; color: var(--gray-500); flex-wrap: wrap; }
.svc-page .breadcrumb-inner a { color: var(--gray-600); transition: color 0.2s; }
.svc-page .breadcrumb-inner a:hover { color: var(--red); }
.svc-page .breadcrumb-inner .sep { color: var(--gray-400); }
.svc-page .breadcrumb-inner .current { color: var(--black); font-weight: 600; }
.svc-page .svc-hero { background: var(--gray-50); padding: 56px 0 64px; border-bottom: 1px solid var(--gray-200); }
.svc-page .svc-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.svc-page .svc-hero-text { display: flex; flex-direction: column; gap: 20px; }
.svc-page .svc-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; color: var(--red); text-transform: uppercase; letter-spacing: 0.1em; width: fit-content; }
.svc-page .svc-eyebrow::before { content: ''; width: 24px; height: 2px; background: var(--red); }
.svc-page .svc-title { font-size: 52px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: var(--black); }
.svc-page .svc-title .accent { color: var(--red); }
.svc-page .svc-lead { font-size: 17px; color: var(--gray-600); line-height: 1.6; max-width: 520px; }
.svc-page .svc-quickinfo { display: flex; gap: 24px; margin-top: 8px; flex-wrap: wrap; }
.svc-page .svc-info-item { display: flex; align-items: center; gap: 8px; }
.svc-page .svc-info-item svg { color: var(--red); flex-shrink: 0; }
.svc-page .svc-info-item .num { font-size: 18px; font-weight: 800; color: var(--black); line-height: 1; }
.svc-page .svc-info-item .lbl { font-size: 12px; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.svc-page .svc-hero-ctas { display: flex; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.svc-page .svc-hero-visual { background: var(--white); border-radius: 16px; aspect-ratio: 4/5; border: 1px solid var(--gray-200); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.svc-page .svc-hero-visual::before { content: ''; position: absolute; top: 32px; right: 32px; width: 80px; height: 80px; background: var(--red); border-radius: 50%; opacity: 0.08; }
.svc-page .svc-hero-placeholder { text-align: center; color: var(--gray-400); }
.svc-page .svc-hero-placeholder .ph-icon { font-size: 96px; margin-bottom: 12px; }
.svc-page .svc-hero-placeholder .ph-label { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; }
.svc-page .sub-nav { background: var(--white); border-bottom: 1px solid var(--gray-200); padding: 0; position: sticky; top: 96px; z-index: 50; }
.svc-page .sub-nav-inner { display: flex; gap: 32px; overflow-x: auto; }
.svc-page .sub-nav-inner a { display: inline-flex; align-items: center; gap: 8px; padding: 18px 0; font-size: 14px; font-weight: 600; color: var(--gray-600); border-bottom: 3px solid transparent; transition: color 0.15s, border-color 0.15s; white-space: nowrap; }
.svc-page .sub-nav-inner a:hover { color: var(--red); }
.svc-page .sub-nav-inner a.active { color: var(--black); border-bottom-color: var(--red); }
.svc-page .section { padding: 64px 0; }
.svc-page .section-narrow { padding: 48px 0; }
.svc-page .section-tight-top { padding-top: 32px; }
.svc-page .section h2.section-h2 { font-size: 36px; font-weight: 800; color: var(--black); line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 16px; }
.svc-page .section-h2.with-eyebrow { margin-top: 12px; }
.svc-page .section-lead { font-size: 17px; color: var(--gray-600); max-width: 720px; line-height: 1.6; margin-bottom: 40px; }
.svc-page .section-eyebrow-sm { font-size: 12px; font-weight: 800; color: var(--red); text-transform: uppercase; letter-spacing: 0.1em; }
.svc-page .compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.svc-page .compare-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: 16px; padding: 36px; display: flex; flex-direction: column; gap: 16px; }
.svc-page .compare-card.featured { border-color: var(--red); border-width: 2px; position: relative; }
.svc-page .compare-card.featured::before { content: 'Populārākais'; position: absolute; top: -12px; left: 24px; background: var(--red); color: var(--white); padding: 4px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.svc-page .compare-icon { width: 56px; height: 56px; border-radius: 12px; background: var(--red-soft); color: var(--red); display: flex; align-items: center; justify-content: center; }
.svc-page .compare-title { font-size: 22px; font-weight: 800; color: var(--black); }
.svc-page .compare-desc { font-size: 15px; color: var(--gray-600); line-height: 1.6; }
.svc-page .compare-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.svc-page .compare-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--gray-700); line-height: 1.5; }
.svc-page .compare-features svg { color: var(--red); flex-shrink: 0; margin-top: 3px; }
.svc-page .compare-price { margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--gray-200); display: flex; align-items: baseline; gap: 8px; }
.svc-page .compare-price .lbl { font-size: 13px; color: var(--gray-500); }
.svc-page .compare-price .val { font-size: 24px; font-weight: 800; color: var(--black); letter-spacing: -0.01em; }
.svc-page .compare-table-wrap { overflow-x: auto; }
.svc-page .compare-table { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--gray-200); border-radius: 12px; overflow: hidden; }
.svc-page .compare-table th, .svc-page .compare-table td { padding: 16px 20px; text-align: left; font-size: 14px; border-bottom: 1px solid var(--gray-200); }
.svc-page .compare-table th { background: var(--gray-50); font-weight: 700; color: var(--black); text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; }
.svc-page .compare-table td:first-child { font-weight: 600; color: var(--black); }
.svc-page .compare-table .yes { color: #16a34a; font-weight: 700; }
.svc-page .compare-table .no { color: var(--gray-400); }
.svc-page .compare-table tr:last-child td { border-bottom: none; }
.svc-page .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.svc-page .pricing-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.svc-page .pricing-image { background: var(--gray-50); aspect-ratio: 16/10; display: flex; align-items: center; justify-content: center; color: var(--gray-400); border-bottom: 1px solid var(--gray-200); }
.svc-page .pricing-image .ph-icon { font-size: 56px; }
.svc-page .pricing-content { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.svc-page .pricing-card h3 { font-size: 18px; font-weight: 800; color: var(--black); line-height: 1.3; }
.svc-page .pricing-card .pricing-desc { font-size: 13px; color: var(--gray-600); line-height: 1.5; }
.svc-page .pricing-table { width: 100%; border-collapse: collapse; margin-top: 8px; border-top: 1px solid var(--gray-200); }
.svc-page .pricing-table tr td { padding: 10px 0; font-size: 14px; border-bottom: 1px solid var(--gray-200); }
.svc-page .pricing-table tr td:first-child { color: var(--gray-700); }
.svc-page .pricing-table tr td:last-child { text-align: right; font-weight: 700; color: var(--black); }
.svc-page .pricing-table tr:last-child td { border-bottom: none; padding-bottom: 0; }
.svc-page .steps-band { background: var(--black); color: var(--white); padding: 80px 0; }
.svc-page .steps-band h2 { color: var(--white); }
.svc-page .steps-band .section-lead { color: rgba(255,255,255,0.7); }
.svc-page .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 24px; }
.svc-page .step-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 16px; }
.svc-page .step-num { width: 44px; height: 44px; border-radius: 50%; background: var(--red); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; flex-shrink: 0; }
.svc-page .step-card h3 { font-size: 20px; font-weight: 800; color: var(--white); }
.svc-page .step-card p { font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.6; }
.svc-page .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.svc-page .review-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.svc-page .review-stars { color: #fbbf24; display: flex; gap: 2px; }
.svc-page .review-text { font-size: 15px; color: var(--gray-700); line-height: 1.6; font-style: italic; }
.svc-page .review-author { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--gray-200); }
.svc-page .review-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--red-soft); color: var(--red); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.svc-page .review-author .name { font-size: 14px; font-weight: 700; color: var(--black); }
.svc-page .review-author .meta { font-size: 12px; color: var(--gray-500); }
.svc-page .faq-list { display: flex; flex-direction: column; gap: 8px; max-width: 840px; margin: 0 auto; }
.svc-page .faq-item { background: var(--white); border: 1px solid var(--gray-200); border-radius: 12px; overflow: hidden; }
.svc-page .faq-q { width: 100%; text-align: left; padding: 20px 24px; font-size: 16px; font-weight: 700; color: var(--black); display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; transition: background 0.15s; }
.svc-page .faq-q:hover { background: var(--gray-50); }
.svc-page .faq-q .chev { color: var(--red); transition: transform 0.2s; flex-shrink: 0; }
.svc-page .faq-item.open .faq-q .chev { transform: rotate(180deg); }
.svc-page .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; font-size: 15px; color: var(--gray-600); line-height: 1.7; }
.svc-page .faq-item.open .faq-a { max-height: 500px; padding: 0 24px 24px; }
.svc-page .svc-final-cta { background: var(--red); color: var(--white); padding: 64px 0; text-align: center; }
.svc-page .svc-final-cta h2 { color: var(--white); font-size: 32px; font-weight: 800; line-height: 1.2; margin-bottom: 16px; }
.svc-page .svc-final-cta p { font-size: 17px; color: rgba(255,255,255,0.85); margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }
.svc-page .svc-final-cta .btn-white { background: var(--white); color: var(--red); padding: 16px 32px; border-radius: 6px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; display: inline-flex; align-items: center; gap: 8px; transition: transform 0.2s; }
.svc-page .svc-final-cta .btn-white:hover { transform: translateY(-2px); }
@media (max-width: 1024px) {
  .svc-page .svc-hero-grid { grid-template-columns: 1fr; }
  .svc-page .compare-grid { grid-template-columns: 1fr; }
  .svc-page .pricing-grid { grid-template-columns: 1fr 1fr; }
  .svc-page .steps-grid { grid-template-columns: 1fr; }
  .svc-page .reviews-grid { grid-template-columns: 1fr 1fr; }
  .svc-page .sub-nav { top: 96px; }
}
@media (max-width: 768px) {
  .svc-page .svc-title { font-size: 36px; }
  .svc-page .pricing-grid { grid-template-columns: 1fr; }
  .svc-page .reviews-grid { grid-template-columns: 1fr; }
  .svc-page .section h2.section-h2 { font-size: 26px; }
  .svc-page .sub-nav { top: 72px; }
}
/* svc-page button reset (Kadence styles <button> ar brand bg) */
.svc-page button { background:none; border:none; font-family:inherit; cursor:pointer; color:inherit; }
.svc-page .faq-q { background:#ffffff; }
.svc-page .faq-q:hover { background:var(--gray-50); }
/* FAQ saraksts — kreisi līdzināts (virsraksts un items vienā malā) */
.svc-page .faq-list { margin: 0; }

/* Steps kartes — vairāk kontrasta uz melnā fona (izceļ 1/2/3 blokus) */
.svc-page .step-card { background:#1a1a1a; border-color:rgba(255,255,255,.14); }

/* Beigu CTA — tumšs panelis gaišā sekcijā, sarkans tikai kā akcents */
.svc-page .svc-final-cta { background:#ffffff; padding:88px 0; }
.svc-page .cta-panel { max-width:1080px; margin:0 auto; background:#111111; background-image: radial-gradient(circle at 85% 20%, rgba(227,6,19,.35) 0%, transparent 55%), linear-gradient(135deg,#1a1a1a 0%,#000 100%); border-radius:24px; padding:72px 48px; text-align:center; }
.svc-page .cta-panel h2 { color:#ffffff; font-size:34px; font-weight:800; line-height:1.15; letter-spacing:-.02em; margin:0 0 14px; }
.svc-page .cta-panel p { color:rgba(255,255,255,.72); font-size:17px; line-height:1.6; max-width:560px; margin:0 auto 28px; }
.svc-page .cta-btn { display:inline-flex; align-items:center; gap:10px; background:#E30613; color:#ffffff; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.06em; padding:16px 32px; border-radius:8px; transition:all .2s; }
.svc-page .cta-btn:hover { background:#c00510; transform:translateY(-2px); box-shadow:0 10px 28px rgba(227,6,19,.35); }
@media (max-width:768px){ .svc-page .cta-panel { padding:48px 24px; } .svc-page .cta-panel h2 { font-size:26px; } }

/* MOBILE polish (Jāņa feedback) */
/* Atvērtā FAQ atbilde — atstarpe no jautājuma (citādi saplūst) */
.svc-page .faq-item.open .faq-a { padding-top: 16px; }
/* Lielāka malas atstarpe mobilajā — full-bleed pārsniedz ~7px, 31px → ~24px gutter */
@media (max-width:768px){
  .svc-page .container, .svc-page .hf-container { padding-left:31px; padding-right:31px; }
}

/* MOBILE polish #2 (Jāņa feedback) — ritms, bullet atstarpe, fonts */
@media (max-width:768px){
  .svc-page .section { padding-top:44px; padding-bottom:44px; }
  .svc-page .section.section-tight-top { padding-top:24px; }
  .svc-page .svc-install { padding-top:44px; padding-bottom:44px; }
  .svc-page .steps-band { padding-top:48px; padding-bottom:48px; }
  .svc-page .svc-final-cta { padding-top:56px; padding-bottom:56px; }
  .svc-page .compare-features { gap:8px; }
  .svc-page .svc-install ul { gap:8px; }
  .svc-page .compare-features li, .svc-page .svc-install li { font-size:15px; }
  .svc-page .pricing-card .pricing-desc { font-size:14px; }
}


/* ============================================================
   KONSOLIDETS no Customizer Additional CSS (2026-06-03)
   Header, mega menu, mobile drawer, nav ikonas (Media SVG),
   promo-bar. Avots tagad: tikai sis fails.
   ============================================================ */
/* Hottt promo bar */
.hottt-promo-bar {
  background: #C8FF00;
  color: #000000;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}
.hottt-promo-bar:hover { opacity: 0.85; }
.hottt-promo-bar .arrow {
	  color: #E30613;
	  font-weight: 800;
	  margin-left: 6px;
	  display: inline-block;
}

}
}

}
}
}
}
}
}
}


/* Preces  cart */
.primary-menu-container .ico-preces > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-1.svg");
}
/* Pakalpojumi  wrench */
.primary-menu-container .ico-pakalpojumi > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg");
}
/* Veikali  pin */
.primary-menu-container .ico-veikali > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-3.svg");
}

}
}
}
}

/* Hottt Header navigation icons + spacing */
body .site-header .header-navigation ul.menu > li.menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  gap: 12px !important;
}
body .site-header .header-navigation ul.menu > li.menu-item-has-children > a .nav-drop-title-wrap {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  gap: 6px !important;
}

.ico-preces > a::before { content: "\1F6D2"; }
.ico-pakalpojumi > a::before { content: "\1F527"; }
.ico-veikali > a::before { content: "\1F4CD"; }

/* Hottt Mega Menu - white background, 2-col grid */
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px 24px !important;
  width: 640px !important;
  max-width: 90vw !important;
  border: none !important;
  margin-top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li > a {
  color: #111111 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
  text-transform: none !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li > a::before {
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #FEE2E2;
  flex-shrink: 0;
  display: inline-block;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li > a:hover {
  background: #fafafa !important;
  color: #E30613 !important;
}

/* L3 nested - hide as separate dropdowns, show inline */
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu ul.sub-menu {
  position: static !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 0 8px 46px !important;
  margin: -4px 0 0 0 !important;
  width: auto !important;
  transform: none !important;
  left: auto !important;
  border: none !important;
  grid-template-columns: none !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu ul.sub-menu > li > a {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  color: #4b5563 !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu ul.sub-menu > li > a::before {
  content: "▸";
  width: auto;
  height: auto;
  background: transparent;
  color: #E30613;
  font-size: 11px;
  margin-right: 4px;
}

/* Hottt mega-menu individual icons - CORRECT menu_item IDs */
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-65 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-4.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-66 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-5.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-67 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-6.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-68 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-7.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-69 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-8.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-70 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-9.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-71 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-10.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu > li#menu-item-72 > a::before {
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-11.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
}


/* Mega menu open/close state fix - opacity toggle, ne display */
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu,
body .site-header .header-navigation ul.menu li.menu-item-has-children:focus-within > ul.sub-menu,
body .site-header .header-navigation ul.menu li.menu-item-has-children.kadence-menu-mega-enabled-true:is(:hover, :focus-within) > ul.sub-menu,
body .site-header .header-navigation ul.menu li.menu-item-has-children:is(:hover, :focus-within) > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* L3 nested - redzams TIKAI atvērtā mega izvēlnē (aizvērtā stāvoklī nedrīkst ķert hover — citādi atver izvēlni no breadcrumb zonas) */
body .site-header .header-navigation ul.menu li.menu-item-has-children:is(:hover, :focus-within) > ul.sub-menu ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
}


/* Mega menu hover bridge - transparent overlay noversē gap */
body .site-header .header-navigation ul.menu li.menu-item-has-children > ul.sub-menu {
  position: absolute !important;
}
body .site-header .header-navigation ul.menu li.menu-item-has-children:is(:hover, :focus-within) > ul.sub-menu::before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  right: 0 !important;
  height: 16px !important;
  background: transparent !important;
  pointer-events: auto !important;
  display: block !important;
  width: auto !important;
  border-radius: 0 !important;
}
/* Paplаšināt li hit area uz leju */
body .site-header .header-navigation ul.menu > li.menu-item-has-children {
  padding-bottom: 0 !important;
}


/* L1 nav SVG icons - red line-style */
body .site-header .header-navigation ul.menu > li.menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  gap: 12px !important;
}
.ico-preces > a::before,
.ico-pakalpojumi > a::before,
.ico-veikali > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  vertical-align: middle !important;
  flex-shrink: 0;
  margin: 0 !important;
}
.ico-preces > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-12.svg") !important; }
.ico-pakalpojumi > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg") !important; }
.ico-veikali > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-3.svg") !important; }

/* Cart Button - round 44x44 with SVG bag + lime badge */
body .site-header .header-button {
  background-color: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  border: none !important;
  margin-left: 16px !important;
  position: relative !important;
  background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-13.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  transition: background-color 0.2s ease !important;
}
body .site-header .header-button:hover {
  background-color: #1f2937 !important;
}
body .site-header .header-button::after {
  content: "0";
  content: attr(data-cart-qty);
  position: absolute;
  top: 4px;
  right: 4px;
  background: #C8FF00;
  color: #000000;
  font-size: 10px;
  font-weight: 800;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Mobile mockup spec - max 768px */
@media (max-width: 768px) {
  /* Header height 72px */
  body .site-mobile-header-wrap .site-main-header-wrap .site-header-row-container-inner {
    min-height: 72px !important;
  }
  /* Promo bar smaller */
  .hottt-promo-bar {
  background: #C8FF00;
  color: #000000;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}
  /* Mobile cart button - round 40x40 */
  body .site-mobile-header-wrap .header-button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
  }
  
  /* Mobile drawer items - dark theme, borders */
  body #mobile-drawer #mobile-menu > li > a {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
    border-bottom: 1px solid #2d2d2d !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: transparent !important;
  }
  
  /* L1 Nav ikonas mobile drawer - SVG sarkanas */
  body #mobile-drawer #mobile-menu > li.ico-preces > a::before,
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > a::before,
  body #mobile-drawer #mobile-menu > li.ico-veikali > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    flex-shrink: 0;
  }
  body #mobile-drawer #mobile-menu > li.ico-preces > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-12.svg") !important; }
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg") !important; }
  body #mobile-drawer #mobile-menu > li.ico-veikali > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-3.svg") !important; }
  
  /* Mobile sub-menu (L2) - vertikāls saraksts ar mazliet indent */
  body #mobile-drawer #mobile-menu ul.sub-menu {
    background: #0a0a0a !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: auto !important;
    grid-template-columns: none !important;
  }
  body #mobile-drawer #mobile-menu ul.sub-menu > li > a {
    padding: 12px 24px 12px 56px !important;
    color: #cccccc !important;
    background: transparent !important;
    border-bottom: 1px solid #1f1f1f !important;
    border-radius: 0 !important;
  }
  body #mobile-drawer #mobile-menu ul.sub-menu > li > a::before {
    display: none !important;
  }
  /* Mobile drawer Pakalpojumi/Veikali - papildu specifitāte span wrapper */
  body #mobile-drawer #mobile-menu .menu-item.ico-pakalpojumi > a {
    position: relative !important;
    padding-left: 60px !important;
  }
  body #mobile-drawer #mobile-menu .menu-item.ico-pakalpojumi > a::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
  }
  body #mobile-drawer #mobile-menu .menu-item.ico-veikali > a {
    position: relative !important;
    padding-left: 60px !important;
  }
  body #mobile-drawer #mobile-menu .menu-item.ico-veikali > a::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-3.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
  }
  body #mobile-drawer #mobile-menu .menu-item.ico-preces > a {
    position: relative !important;
    padding-left: 60px !important;
  }
  body #mobile-drawer #mobile-menu .menu-item.ico-preces > a::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* Mobile mockup refinements v2 - inline-flex approach */
@media (max-width: 768px) {
  /* Hamburger round 44x44 dark */
  body .site-header-mobile-section #mobile-toggle,
  body .mobile-toggle-open-container .menu-toggle-open {
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    color: #ffffff !important;
  }
  body .mobile-toggle-open-container .menu-toggle-open svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    width: 20px !important;
    height: 20px !important;
  }
  
  /* Mobile drawer items - inline-flex ar ikon kreisi */
  body #mobile-drawer #mobile-menu > li.menu-item > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  /* Sarkanas ikonas - flex item pirms text */
  body #mobile-drawer #mobile-menu > li.ico-preces > a::before,
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > a::before,
  body #mobile-drawer #mobile-menu > li.ico-veikali > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin: 0 !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-preces > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-12.svg") !important; }
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg") !important; }
  body #mobile-drawer #mobile-menu > li.ico-veikali > a::before { background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-3.svg") !important; }
  
  /* nav-drop-title-wrap span normal flex item */
  body #mobile-drawer #mobile-menu > li.menu-item-has-children > a .nav-drop-title-wrap {
    display: inline !important;
    flex: 1 !important;
  }
}


/* Mobile drawer Pakalpojumi/Veikali drawer-nav-drop-wrap fix */
@media (max-width: 768px) {
  /* Pakalpojumi (has-children) - a iekšiene .drawer-nav-drop-wrap */
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > .drawer-nav-drop-wrap {
    display: flex !important;
    align-items: center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > .drawer-nav-drop-wrap > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #E30613 !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > .drawer-nav-drop-wrap > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-2.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin: 0 !important;
  }
  /* drawer-sub-toggle button - balta arrow */
  body #mobile-drawer #mobile-menu > li.ico-pakalpojumi > .drawer-nav-drop-wrap > .drawer-sub-toggle {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
  }
}


/* Mobile no-gap fix v3 */
@media (max-width: 768px) {
  body .site-header-row-container.site-top-header-wrap,
  body .site-header-row-container-inner.site-header-row-top {
    margin: 0 !important;
    padding: 0 !important;
  }
  body .site-mobile-header-wrap .header-button {
    background-color: transparent !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin-right: 4px !important;
  }
  /* Promo bar font 14px, blivak padding */
  .hottt-promo-bar {
  background: #C8FF00;
  color: #000000;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}
}


/* Mobile header polish v4 - lielāki action ikoni, labāks spacing */
@media (max-width: 768px) {
  /* Header padding labāk */
  body .site-mobile-header-wrap .site-header-main-section-left,
  body .site-mobile-header-wrap .site-header-main-section-right {
    padding: 0 8px !important;
  }
  /* Hamburger - lielāks 28px svg, BEZ border */
  body .mobile-toggle-open-container .menu-toggle-open {
    background: transparent !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    color: #ffffff !important;
  }
  body .mobile-toggle-open-container .menu-toggle-open svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    width: 28px !important;
    height: 28px !important;
  }
  /* Cart pogu - 44x44 round transparent, ikona 26x26 */
  body .site-mobile-header-wrap .header-button {
    background-color: transparent !important;
    background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-13.svg") !important;
    background-size: 26px 26px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin-right: 4px !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
  }
  /* Cart badge - lime, labā sturī virs ikonām */
  body .site-mobile-header-wrap .header-button::after {
    content: "0";
  content: attr(data-cart-qty);
    position: absolute;
    top: 4px;
    right: 4px;
    background: #C8FF00;
    color: #000000;
    font-size: 11px;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
  }
  body .site-mobile-header-wrap .site-header-item-button {
    position: relative !important;
  }
}


/* Mobile fix v5 - cart vertikālā centrēšana + promo blivak */
@media (max-width: 768px) {
  /* Cart wrapper flex - centrēt cart pogu vertikāli */
  body .site-mobile-header-wrap .site-header-item-button,
  body .site-mobile-header-wrap .header-button-wrap,
  body .site-mobile-header-wrap .header-button-inner-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }
  /* Promo bar blıvāk padding */
  .hottt-promo-bar {
  background: #C8FF00;
  color: #000000;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}
  /* Hamburger arī vertikāli centrēt */
  body .site-mobile-header-wrap .mobile-toggle-open-container {
    display: flex !important;
    align-items: center !important;
  }
}

/* Mobile drawer collapse v3 - hidden default, :has() opens when aria-expanded */
body #mobile-drawer #mobile-menu .menu-item-has-children > .sub-menu {
  display: none;
}
body #mobile-drawer #mobile-menu .menu-item-has-children:has(> .drawer-nav-drop-wrap > .drawer-sub-toggle[aria-expanded="true"]) > .sub-menu {
  display: block;
}


/* Mobile drawer font hierarchy konsistence — L2 ar/bez children */
body #mobile-drawer #mobile-menu .sub-menu > li.menu-item-has-children > .drawer-nav-drop-wrap > a {
  font-weight: 500 !important;
  padding: 12px 24px 12px 56px !important;
  color: #cccccc !important;
  text-transform: none !important;
}
/* drawer-sub-toggle button uz L2 ar children — neitrāls */
body #mobile-drawer #mobile-menu .sub-menu > li.menu-item-has-children > .drawer-nav-drop-wrap {
  display: flex !important;
  align-items: stretch !important;
}
body #mobile-drawer #mobile-menu .sub-menu > li.menu-item-has-children > .drawer-nav-drop-wrap > a {
  flex: 1 !important;
}
/* L3 items (Fotogrāfija uz telefona/papīra) — vēl mazliet mazāks */
body #mobile-drawer #mobile-menu .sub-menu .sub-menu > li > a {
  font-weight: 400 !important;
  color: #999999 !important;
  padding: 10px 24px 10px 72px !important;
}


/* Mobile drawer font final - konsistents L1/L2/L3 */
/* L1: 16px / 700 / white */
body #mobile-drawer #mobile-menu > li.menu-item > a,
body #mobile-drawer #mobile-menu > li.menu-item > .drawer-nav-drop-wrap > a {
}
/* L2: 14px / 500 / #cccccc (visi vienādi - ar children un bez) */
body #mobile-drawer #mobile-menu .sub-menu > li.menu-item > a,
body #mobile-drawer #mobile-menu .sub-menu > li.menu-item > .drawer-nav-drop-wrap > a {
  font-weight: 500 !important;
  color: #cccccc !important;
  padding: 12px 24px 12px 56px !important;
}
/* L3: 13px / 400 / #9ca3af / vairāk indent */
body #mobile-drawer #mobile-menu .sub-menu .sub-menu > li.menu-item > a {
  font-weight: 400 !important;
  color: #9ca3af !important;
  padding: 10px 24px 10px 72px !important;
}

/* Tukša cenu tabula (kartes bez cenu rindām) — neradīt 1px svītru */
.svc-page .pricing-table:empty { display: none; }

/* Compare kartes saite (hub lapas — saite uz apakšlapu) */
.svc-page .compare-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; color: #E30613; font-weight: 700; font-size: 15px; }
.svc-page .compare-link:hover { text-decoration: underline; }

/* ============================================================
   VEIKALI lapa (.veikali-page) — no mockup veikali-v1.html
   MVP v1: hero + pilsētu filtrs + store cards pa pilsētām + CTA
   (karte, "atvērts tagad", geolokācija — 2. kārtā)
   ============================================================ */
.veikali-page { --red:#E30613; --red-hover:#c00510; --black:#000000; --white:#ffffff; --gray-50:#fafafa; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db; --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#2d2d2d; font-family:inherit; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.veikali-page a { text-decoration:none; }
.veikali-page .container { max-width:1280px; margin:0 auto; padding:0 32px; }
body:has(.veikali-page) .entry-header { display:none !important; }
body:has(.veikali-page) article.content-bg { background:#fff; }
body:has(.veikali-page) .entry-content-wrap { padding:0; }
body:has(.veikali-page) .entry-content { max-width:none; }

.veikali-page .vk-breadcrumb { padding:16px 0; font-size:13px; color:var(--gray-500); }
.veikali-page .vk-breadcrumb a { color:var(--gray-500); }
.veikali-page .vk-breadcrumb a:hover { color:var(--red); }
.veikali-page .vk-breadcrumb .sep { margin:0 8px; color:var(--gray-300); }
.veikali-page .vk-breadcrumb .current { color:var(--black); font-weight:600; }

.veikali-page .page-hero { background:var(--gray-50); padding:48px 0 32px; }
.veikali-page .page-hero-inner { max-width:720px; }
.veikali-page .page-eyebrow { display:inline-flex; align-items:center; gap:10px; color:var(--red); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }
.veikali-page .page-eyebrow::before { content:''; width:28px; height:3px; background:var(--red); }
.veikali-page .page-title { font-size:44px; font-weight:800; letter-spacing:-.02em; line-height:1.1; color:var(--black); margin:0 0 14px; }
.veikali-page .page-lead { font-size:17px; line-height:1.6; color:var(--gray-600); margin:0; }

.veikali-page .find-tools { background:var(--white); border-bottom:1px solid var(--gray-200); padding:16px 0; position:sticky; top:0; z-index:40; }
.veikali-page .find-tools-inner { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.veikali-page .find-select { padding:10px 36px 10px 14px; border:1px solid var(--gray-300); border-radius:8px; font-size:14px; font-weight:600; color:var(--black); background:var(--white); cursor:pointer; appearance:auto; }
.veikali-page .find-stats { margin-left:auto; font-size:13px; color:var(--gray-500); }
.veikali-page .find-stats strong { color:var(--black); font-weight:800; }

.veikali-page .store-list { padding:32px 0 56px; }
.veikali-page .city-group { margin-bottom:32px; }
.veikali-page .city-header { display:flex; align-items:baseline; gap:12px; padding:16px 0; border-bottom:2px solid var(--black); margin-bottom:16px; }
.veikali-page .city-header h2 { font-size:22px; font-weight:800; color:var(--black); letter-spacing:-.01em; margin:0; }
.veikali-page .city-count { font-size:13px; color:var(--gray-500); font-weight:600; }
.veikali-page .city-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }

.veikali-page .store-card { background:var(--white); border:1px solid var(--gray-200); border-radius:12px; padding:20px; display:grid; grid-template-columns:1fr auto; gap:20px; transition:all .15s; }
.veikali-page .store-card:hover { border-color:var(--red); transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.06); }
.veikali-page .store-card-info { display:flex; flex-direction:column; gap:10px; }
.veikali-page .store-name { font-size:17px; font-weight:800; color:var(--black); line-height:1.2; }
.veikali-page .store-meta { display:flex; flex-direction:column; gap:6px; }
.veikali-page .store-meta-row { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:var(--gray-700); }
.veikali-page .store-meta-row svg { color:var(--gray-500); flex-shrink:0; margin-top:2px; }
.veikali-page .store-hours { display:flex; flex-direction:column; gap:2px; }
.veikali-page .store-phone { color:var(--black); font-weight:600; transition:color .15s; }
.veikali-page .store-phone:hover { color:var(--red); }
.veikali-page .store-actions { display:flex; flex-direction:column; gap:8px; align-self:start; }
.veikali-page .store-btn { padding:8px 14px; border-radius:8px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px; border:1px solid var(--gray-300); background:var(--white); color:var(--black); transition:all .15s; white-space:nowrap; }
.veikali-page .store-btn:hover { border-color:var(--black); background:var(--gray-50); }
.veikali-page .store-btn-primary { background:var(--red); color:var(--white); border-color:var(--red); }
.veikali-page .store-btn-primary:hover { background:var(--red-hover); border-color:var(--red-hover); color:var(--white); }

.veikali-page .no-results { text-align:center; padding:64px 24px; color:var(--gray-500); display:none; }
.veikali-page .no-results h3 { font-size:18px; color:var(--black); margin-bottom:8px; }

.veikali-page .vk-cta { background:var(--black); color:var(--white); padding:64px 0; text-align:center; }
.veikali-page .vk-cta h2 { color:var(--white); font-size:32px; font-weight:800; margin:0 0 12px; line-height:1.2; }
.veikali-page .vk-cta p { font-size:16px; color:rgba(255,255,255,.7); margin:0 auto 24px; max-width:600px; }
.veikali-page .vk-cta .btn-white { background:var(--white); color:var(--black); padding:14px 28px; border-radius:6px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:14px; display:inline-flex; align-items:center; gap:8px; transition:transform .2s; }
.veikali-page .vk-cta .btn-white:hover { transform:translateY(-2px); }

@media (max-width:1024px){
  .veikali-page .city-cards { grid-template-columns:1fr; }
}
@media (max-width:768px){
  .veikali-page .container { padding:0 24px; }
  .veikali-page .page-title { font-size:32px; }
  .veikali-page .store-card { grid-template-columns:1fr; gap:14px; }
  .veikali-page .store-actions { flex-direction:row; }
  .veikali-page .find-stats { margin-left:0; width:100%; }
}

/* ===== Ecwid kategoriju josla (/preces/) ===== */
/* xCategoriesV2 embed atnes lieko peldoso groza ikonu - paslepjam (grozs jau ir headeri) */
/* Preces (Ecwid, page 28): balts fons visai veikala sadaļai */
body.page-id-28 { background: #ffffff; }
body.page-id-28 .ecwid-productBrowser { background: transparent !important; }
body.page-id-28 .ec-cart-widget { display:none !important; }

/* Preces dropdown (Ecwid kategorijas) - bez ikonu placeholder kvadratiem */
body .site-header .header-navigation ul.menu li.ico-preces > ul.sub-menu > li > a::before { display:none; }

/* ===== PAKALPOJUMI HUB (/pakalpojumi) ===== */
body:has(.pakalpojumi-hub) .entry-hero, body:has(.pakalpojumi-hub) .entry-header { display:none !important; }
body:has(.pakalpojumi-hub) article.content-bg { background:#fff; }
body:has(.pakalpojumi-hub) .entry-content-wrap { padding:0; }
body:has(.pakalpojumi-hub) .entry-content { max-width:none; }
.pakalpojumi-hub { font-family:inherit; color:#111; }
.pakalpojumi-hub .container { max-width:1280px; margin:0 auto; padding:0 32px; }
.pakalpojumi-hub .vk-breadcrumb { padding:20px 0 0; font-size:13px; color:#6b7280; }
.pakalpojumi-hub .vk-breadcrumb a { color:#6b7280; }
.pakalpojumi-hub .vk-breadcrumb a:hover { color:#E30613; }
.pakalpojumi-hub .vk-breadcrumb .sep { margin:0 8px; }
.pakalpojumi-hub .page-hero { padding:40px 0 48px; }
.pakalpojumi-hub .page-eyebrow { display:block; font-size:12px; font-weight:700; color:#E30613; text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; }
.pakalpojumi-hub .page-title { font-size:44px; font-weight:800; color:#000; letter-spacing:-.015em; line-height:1.15; margin:0 0 16px; }
.pakalpojumi-hub .page-lead { font-size:17px; color:#4b5563; line-height:1.65; max-width:680px; margin:0; }
.pakalpojumi-hub .hub-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.pakalpojumi-hub .hub-card { text-decoration:none; display:flex; flex-direction:column; background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; color:inherit; text-decoration:none; transition:all .2s; }
.pakalpojumi-hub .hub-card:hover { border-color:#E30613; transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.08); }
.pakalpojumi-hub .hub-card-img { display:block; aspect-ratio:4/3; overflow:hidden; background:#f3f4f6; }
.pakalpojumi-hub .hub-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.pakalpojumi-hub .hub-card:hover .hub-card-img img { transform:scale(1.04); }
.pakalpojumi-hub .hub-card-body { display:flex; flex-direction:column; gap:10px; padding:24px; flex-grow:1; }
.pakalpojumi-hub .hub-card-title { font-size:18px; font-weight:700; color:#000; }
.pakalpojumi-hub .hub-card-desc { font-size:14px; color:#4b5563; line-height:1.6; flex-grow:1; }
.pakalpojumi-hub .hub-card-link { font-size:13px; font-weight:700; color:#E30613; text-transform:uppercase; letter-spacing:.06em; display:inline-flex; align-items:center; gap:4px; }
.pakalpojumi-hub .hub-card:hover .hub-card-link { gap:8px; }
.pakalpojumi-hub .hub-cta { padding:64px 0 80px; }
.pakalpojumi-hub .hub-cta-panel { background:#111111; background-image:radial-gradient(circle at 85% 20%, rgba(227,6,19,.35) 0%, transparent 55%), linear-gradient(135deg,#1a1a1a 0%,#000 100%); border-radius:24px; padding:64px 48px; text-align:center; }
.pakalpojumi-hub .hub-cta-panel h2 { font-size:30px; font-weight:800; color:#fff; margin:0 0 12px; }
.pakalpojumi-hub .hub-cta-panel p { font-size:16px; color:#d1d5db; margin:0 0 28px; }
.pakalpojumi-hub .hub-cta-btn { text-decoration:none; display:inline-flex; align-items:center; padding:14px 28px; border-radius:6px; background:#E30613; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; transition:all .2s; }
.pakalpojumi-hub .hub-cta-btn:hover { background:#c00510; transform:translateY(-1px); box-shadow:0 6px 16px rgba(227,6,19,.3); }
@media (max-width:1024px){ .pakalpojumi-hub .hub-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){
  .pakalpojumi-hub .container { padding:0 24px; }
  .pakalpojumi-hub .page-title { font-size:32px; }
  .pakalpojumi-hub .hub-grid { grid-template-columns:1fr; }
  .pakalpojumi-hub .hub-cta-panel { padding:48px 24px; }
}

/* ===== SĀKUMLAPA: kategoriju grid + veikalu josla ===== */
.hottt-home .cat-section { padding: 96px 0 0; }
.hottt-home .cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hottt-home .cat-card { display:flex; flex-direction:column; gap:12px; text-decoration:none; color:inherit; }
.hottt-home .cat-img { display:block; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#f3f4f6; border:1px solid #e5e7eb; transition:all .2s; }
.hottt-home .cat-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.hottt-home .cat-card:hover .cat-img { border-color:#E30613; box-shadow:0 12px 32px rgba(0,0,0,.08); }
.hottt-home .cat-card:hover .cat-img img { transform:scale(1.04); }
.hottt-home .cat-name { font-size:16px; font-weight:700; color:#000; text-align:center; }
.hottt-home .cat-card:hover .cat-name { color:#E30613; }
.hottt-home .cat-more { text-align:center; margin-top:40px; }
.hottt-home .cat-more a { font-size:13px; font-weight:700; color:#E30613; text-transform:uppercase; letter-spacing:.06em; text-decoration:none; }
.hottt-home .stores-band { padding: 0 0 96px; }
.hottt-home .stores-band-inner { display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:center; background:#f7f7f8; border-radius:24px; padding:56px 48px; }
.hottt-home .stores-band-text .section-title { margin-bottom:12px; }
.hottt-home .stores-band-text .section-subtitle { margin:0 0 28px; max-width:none; }
.hottt-home .stores-band-text .btn { text-decoration:none; }
.hottt-home .stores-band-map img { width:100%; height:auto; display:block; }
@media (max-width:1024px){ .hottt-home .cat-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px){
  .hottt-home .cat-grid { grid-template-columns:repeat(2,1fr); gap:16px; }
  .hottt-home .stores-band-inner { grid-template-columns:1fr; padding:40px 24px; gap:32px; }
}

/* ===== Ecwid peldosais grozs - brand krasas (tumss + lime counter ka headeri) ===== */
.ec-cart-widget .ec-minicart { background:#111111 !important; color:#ffffff !important; box-shadow:0 8px 24px rgba(0,0,0,.3) !important; }
.ec-cart-widget .ec-minicart svg { color:#ffffff !important; }
.ec-cart-widget .ec-minicart__counter { background:transparent !important; color:#000000 !important; font-weight:700 !important; }
.ec-cart-widget .ec-minicart__counter::after { background:#C8FF00 !important; }


/* Groza badge: ja JS vēl nav uzlicis data-cart-qty, rādām 0 */
body .site-header .header-button:not([data-cart-qty])::after { content: "0"; }

/* Ecwid meklesanas lauks /preces/ lapa */
.hottt-store-search { max-width: 380px; margin: 0 0 16px; }
/* Atstarpe zem kategoriju joslas pirms veikala satura */
#my-categories-124753505 { margin: 0 0 28px !important; }

/* Mobile drawer Preces (tagad has-children ar Ecwid kategorijam) - tas pats drop-wrap pattern ka Pakalpojumiem */
@media (max-width: 768px) {
  body #mobile-drawer #mobile-menu > li.ico-preces > .drawer-nav-drop-wrap {
    display: flex !important;
    align-items: center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-preces > .drawer-nav-drop-wrap > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #ffffff !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-preces > .drawer-nav-drop-wrap > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("https://hottt.lv/wp-content/uploads/2026/06/hottt-ico-12.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin: 0 !important;
  }
  body #mobile-drawer #mobile-menu > li.ico-preces > .drawer-nav-drop-wrap > .drawer-sub-toggle {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
  }
}

/* ===== SAKUMLAPA: viens hero banneris (aizstaj mockup promo grid) ===== */
.hottt-home .hero-banner-section { padding: 40px 0 56px; background: linear-gradient(135deg, #EDF4DF 0%, #D3E6B9 100%); }
.hottt-home .hero-banner { display: block; }
.hottt-home .hero-banner img { width: 100%; height: auto; display: block; border-radius: 24px; }
@media (max-width: 768px) {
  .hottt-home .hero-banner-section { padding: 16px 0 40px; }
  .hottt-home .hero-banner img { border-radius: 16px; }
}