/*
Theme Name: Spectra One SMV
Template: spectra-one
Description: SuMejorVida child theme v2 — nueva base limpia
Version: 2.0.0
Author: Ljubomir Canoa
Text Domain: spectra-one-smv
*/

/* -- SYSTEM FONT STACK -- */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* -- SHARED: fullscreen SVG background pages -- */
.page-id-119,
.page-id-121 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100vh;
}
body.page-id-119 > .wp-block-group,
body.page-id-121 > .wp-block-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-evenly !important;
  min-height: 100vh !important;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
/* -- PROXIMAMENTE -- */
.page-id-119 {
  background-image: url(/wp-content/uploads/2026/04/proximamente-illustration.svg);
}

/* -- MANTENIMIENTO -- */
.page-id-121 {
  background-image: url(/wp-content/uploads/2026/04/mantenimiento-illustration.svg);
}


/* -- NAVIGATION -- */

/* Search row: hidden by default, toggle on icon click */
.smv-search-row {
  display: none !important;
}
body.smv-search-open .smv-search-row {
  display: block !important;
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 12px 24px;
  background: var(--wp--preset--color--background);
}
body.smv-search-open .smv-search-row > * {
  max-width: var(--wp--style--global--wide-size, 1164px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.darkmode.smv-search-open .smv-search-row {
  background: var(--wp--preset--color--dark-bg);
}
body.darkmode .jet-ajax-search__field {
  color: var(--wp--preset--color--heading);
}
.jet-ajax-search__fields-holder {
  flex: 1;
}
.jet-ajax-search__field {
  width: 100% !important;
  padding: 10px 16px !important;
  font-size: 1rem !important;
  border: 1px solid var(--wp--preset--color--outline, rgba(0,0,0,0.08)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  outline: none !important;
}
.jet-ajax-search__field:focus {
  border-color: var(--wp--preset--color--secondary, #3BA3F5) !important;
}
.jet-ajax-search__submit {
  padding: 10px 16px !important;
  background: var(--wp--preset--color--primary, #E24B00) !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  margin-left: 0 !important;
}
.jet-ajax-search__submit svg {
  fill: var(--wp--preset--color--heading) !important;
  width: 20px !important;
  height: 20px !important;
}

/* Search icon */
.smv-search-icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.smv-search-icon svg {
  stroke: var(--wp--preset--color--heading, #1a1c1e);
  fill: none !important;
}
.smv-search-icon:hover svg {
  stroke: var(--wp--preset--color--primary, #E24B00);
}

/* Nav text color — CSS variable with dark mode swap */
:root {
  --smv-nav-text: var(--wp--preset--color--heading, #1a1c1e);
  --smv-block-black: var(--wp--preset--color--black);
  --smv-block-accordion: var(--smv-block-black);
  --smv-block-accordion-active: var(--wp--preset--color--primary);
  --smv-primary-glow: rgba(226, 75, 0, 0.15);
  --smv-primary-border: rgba(226, 75, 0, 0.2);
  --smv-primary-glow-hover: rgba(226, 75, 0, 0.25);
  --smv-primary-border-hover: rgba(226, 75, 0, 0.4);
  --smv-secondary-glow: rgba(59, 163, 245, 0.15);
  --smv-secondary-border: rgba(59, 163, 245, 0.2);
  --smv-secondary-glow-hover: rgba(59, 163, 245, 0.25);
  --smv-secondary-border-hover: rgba(59, 163, 245, 0.4);
  --smv-green-glow: rgba(37, 211, 102, 0.15);
  --smv-green-border: rgba(37, 211, 102, 0.2);
  --smv-green-glow-hover: rgba(37, 211, 102, 0.25);
  --smv-green-border-hover: rgba(37, 211, 102, 0.4);
  /* Shadows & tints */
  --smv-primary-shadow: rgba(226, 75, 0, 0.35);
  --smv-primary-shadow-strong: rgba(226, 75, 0, 0.6);
  --smv-primary-tint: rgba(226, 75, 0, 0.1);
  --smv-primary-glow-intense: rgba(226, 75, 0, 0.5);
  --smv-primary-border-soft: rgba(226, 75, 0, 0.3);
  --smv-primary-hover: #C04000;
  --smv-secondary-shadow: rgba(59, 163, 245, 0.35);
  --smv-secondary-tint: rgba(59, 163, 245, 0.1);
  --smv-secondary-glow-intense: rgba(59, 163, 245, 0.5);
  --smv-secondary-border-soft: rgba(59, 163, 245, 0.3);
  --smv-green-hover: #1FAE55;
  --smv-green-tint: rgba(37, 211, 102, 0.1);
  --smv-green-glow-intense: rgba(37, 211, 102, 0.5);
  --smv-green-border-soft: rgba(37, 211, 102, 0.3);
  /* Surface & text on dark/brand */
  --smv-dark-surface: #1e2022;
  --smv-on-brand: #FFFFFF;
  --smv-on-dark: rgba(255, 255, 255, 0.95);
  --smv-on-dark-muted: rgba(255, 255, 255, 0.75);
  --smv-on-dark-faint: rgba(255, 255, 255, 0.65);
  /* Shadow on mono (light:black bg / dark:white bg) — koristi se na .smv-ov-machala */
  --smv-shadow-mono: rgba(0, 0, 0, 0.3);
  /* Text-on-mono — KONSTANTNA tamna boja koja se NE swap-uje u dark mode-u
     (koristi se na .smv-ov-machala dugmetu gde je bg uvek bela u dark mode-u) */
  --smv-on-mono: #1a1c1e;
}
body.darkmode {
  --smv-nav-text: var(--wp--preset--color--heading);
  --smv-block-black: var(--wp--preset--color--black);
  --smv-block-accordion: var(--smv-block-black);
  --smv-block-accordion-active: var(--wp--preset--color--primary);
}

/* Menu: link color */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--smv-nav-text) !important;
}

/* Menu: hover & focus */
.wp-block-navigation a:hover,
.wp-block-navigation a:focus {
  color: var(--wp--preset--color--primary) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Menu: desktop — center nav on page (absolute positioning) */
.smv-header-desktop .swt-block-row {
  position: relative;
}
.smv-header-desktop .swt-block-row > .wp-block-group:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* -- TABLET HEADER -- */

/* Tablet: reduce side padding (override WP global padding vars) */
.smv-header-tablet > .wp-block-group {
  max-width: 100% !important;
}
.smv-header-tablet.has-global-padding,
.smv-header-tablet .smv-search-row {
  --wp--style--root--padding-right: 16px;
  padding-right: 16px !important;
}
.smv-header-tablet .smv-search-row {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
  --wp--style--root--padding-right: 0px;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 16px !important;
}
.smv-header-tablet .smv-search-row > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Tablet: gap between left icons (hamburger, dark mode, search) */
.smv-header-tablet .wp-block-group.is-layout-flex {
  gap: 12px;
}

/* Tablet: hamburger icon — follows nav text color (auto dark mode) */
body.darkmode .smv-header-tablet .wp-block-navigation__responsive-container-open svg {
  fill: var(--smv-nav-text);
}

/* -- MOBILE HEADER -- */

/* Mobile: hamburger icon — follows nav text color (auto dark mode) */
body.darkmode .smv-header-mobile .wp-block-navigation__responsive-container-open svg {
  fill: var(--smv-nav-text);
}

/* Mobile: center logo on page (absolute positioning, same as desktop nav) */
.smv-header-mobile .swt-block-row {
  position: relative;
}
.smv-header-mobile .swt-block-row > .wp-block-group:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* -- HAMBURGER OVERLAY MENU (tablet + mobile) -- */

/* Overlay background */
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--heading) !important;
}

/* Overlay link color + typography */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  color: var(--wp--preset--color--heading) !important;
  font-size: 1.25rem !important;
  padding: 12px 0 !important;
}

/* Overlay link hover & focus */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus {
  color: var(--wp--preset--color--primary) !important;
}

/* Overlay close button */
.wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--heading) !important;
}

/* Overlay nav list — vertical spacing */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 8px !important;
  padding-top: 40px !important;
}

.smv-header-tablet .smv-ov-grid .wp-block-button__link,
.smv-header-mobile .smv-ov-grid .wp-block-button__link {
  display: flex !important;
  align-items: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 16px !important;
  border: none !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.smv-header-tablet .smv-ov-grid .wp-block-button__link:hover,
.smv-header-mobile .smv-ov-grid .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/* OVERLAY MASONRY - CSS columns sa eksplicitnim visinama
   Layout: 2 kolone, browser balansira po HTML redosledu
   Leva kolona: Inicio (220) + Blog (115) = 335px content
   Desna kolona: WhatsApp (80) + Reservar GYE (160) + Reservar MCH (130) = 370px content
   + dodatni gap u desnoj koloni -> razlika ~50px (+desno) ukupno
   Sve 5 kartica imaju razlicite visine.
   break-before: column na WhatsApp garantuje da desno krene tacno tu. */
body .wp-block-buttons.smv-ov-grid,
body .wp-block-buttons.smv-ov-grid.is-layout-flex,
body .wp-block-buttons.smv-ov-grid.wp-block-buttons-is-layout-flex {
  display: block !important;
  columns: 2 !important;
  column-gap: clamp(8px, 1.5vh, 20px) !important;
  width: 100% !important;
  padding: 0 !important;
  flex-wrap: unset !important;
  flex-direction: unset !important;
}
body .wp-block-buttons.smv-ov-grid > .wp-block-button {
  display: block !important;
  width: 100% !important;
  margin: 0 0 clamp(8px, 1.5vh, 20px) 0 !important;
  break-inside: avoid !important;
  min-width: 0 !important;
}
/* Eksplicitne visine - sve razlicite, leva (Inicio+Blog) ~50px niza od desne (WA+GYE+MCH) */
body .wp-block-buttons.smv-ov-grid > #smv-ov-inicio,
body .wp-block-buttons.smv-ov-grid > .smv-ov-inicio {
  height: 220px !important;
}
body .wp-block-buttons.smv-ov-grid > #smv-ov-blog,
body .wp-block-buttons.smv-ov-grid > .smv-ov-blog {
  height: 115px !important;
}
body .wp-block-buttons.smv-ov-grid > .smv-ov-whatsapp {
  height: 80px !important;
  break-before: column !important;
}
body .wp-block-buttons.smv-ov-grid > .smv-ov-reservar {
  height: 160px !important;
}
body .wp-block-buttons.smv-ov-grid > .smv-ov-machala {
  height: 130px !important;
}

/* ===========================================================================
   OVERLAY MASONRY — visine i color/swap pattern
   ===========================================================================
   Pojacan selektor (body + .smv-ov-grid + .wp-block-button.X) potreban
   da pobedi WP/Spectra default flex layout koji bi inace gazio height.

   Pravilo asimetrije (Ljubo, 2026-05-06):
   - Leva kolona (Inicio + Blog): kraca, jer su info/landing
   - Desna kolona (WA + Reservar GYE + MCH): visa za ~50px ukupno
   - Sve 5 kartica imaju razlicite visine (vidne razlike)
   =========================================================================== */


/* ===========================================================================
   OVERLAY MIRROR SWAP PATTERN
   ===========================================================================
   Princip: svako overlay dugme ima EKSPLICITAN :hover/:focus/:active state
   koji NIJE primary boja. Tako se sprecava browser default tap = orandz flash.

   Hijerarhija:
   - Inicio (shadow primary)  -> hover: full primary
   - Blog (shadow secondary)  -> hover: full secondary
   - WhatsApp (full green)    -> hover: shadow green (suptilnije, ne agresivnije)
   - Reservar GYE (full orandz + beli) -> hover: ostaje orandz + beli (samo mikro lift)
   - Reservar MCH (mono swap, light:crni+beli / dark:beli+crni) -> hover: full orandz + beli
   =========================================================================== */

/* Disable default browser :active outline (iOS/Android tap flash) */
body .smv-ov-grid .wp-block-button__link {
  -webkit-tap-highlight-color: transparent !important;
}

/* --- Blog: shadow secondary default, full secondary hover --- */
body .smv-ov-grid .smv-ov-blog .wp-block-button__link,
body .smv-ov-grid .smv-ov-blog .wp-block-button__link.has-secondary-background-color,
body .smv-ov-grid .smv-ov-blog .wp-block-button__link.has-background {
  background-color: var(--wp--preset--color--secondary-shadow) !important;
  color: var(--wp--preset--color--secondary) !important;
  box-shadow: 0 4px 20px var(--smv-secondary-shadow) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.smv-ov-grid .smv-ov-blog .wp-block-button__link:hover,
.smv-ov-grid .smv-ov-blog .wp-block-button__link:focus,
.smv-ov-grid .smv-ov-blog .wp-block-button__link:active {
  background-color: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--white) !important;
}

/* --- Inicio: shadow primary default, full primary hover --- */
.smv-ov-grid #smv-ov-inicio .wp-block-button__link,
.smv-ov-grid .smv-ov-inicio .wp-block-button__link {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
color: var(--wp--preset--color--primary) !important;
}
.smv-ov-grid #smv-ov-inicio .wp-block-button__link:hover,
.smv-ov-grid #smv-ov-inicio .wp-block-button__link:focus,
.smv-ov-grid #smv-ov-inicio .wp-block-button__link:active,
.smv-ov-grid .smv-ov-inicio .wp-block-button__link:hover,
.smv-ov-grid .smv-ov-inicio .wp-block-button__link:focus,
.smv-ov-grid .smv-ov-inicio .wp-block-button__link:active {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
}

/* --- WhatsApp: full green default, shadow green hover (suptilnije) --- */
.smv-ov-grid .smv-ov-whatsapp .wp-block-button__link {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
color: var(--smv-on-brand) !important;
}
.smv-ov-grid .smv-ov-whatsapp .wp-block-button__link:hover,
.smv-ov-grid .smv-ov-whatsapp .wp-block-button__link:focus,
.smv-ov-grid .smv-ov-whatsapp .wp-block-button__link:active {
  background-color: var(--wp--preset--color--green-shadow) !important;
  color: var(--wp--preset--color--white) !important;
}

/* --- Reservar GYE: full primary default, hover OSTAJE primary (samo lift) --- */
.smv-ov-grid .smv-ov-reservar .wp-block-button__link {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
color: var(--smv-on-brand) !important;
}
.smv-ov-grid .smv-ov-reservar .wp-block-button__link:hover,
.smv-ov-grid .smv-ov-reservar .wp-block-button__link:focus,
.smv-ov-grid .smv-ov-reservar .wp-block-button__link:active {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
}

/* --- Reservar MCH: mono swap default, full primary hover (mirror kao desktop) ---
   Light mode: crna pozadina + bela tekst
   Dark mode:  bela pozadina + crna tekst
   Eksplicitne boje umesto dark-surface var (radi i u edit mode i frontend) */
body .smv-ov-grid .smv-ov-machala .wp-block-button__link,
body .smv-ov-grid .smv-ov-machala .wp-block-button__link.has-background {
  background-color: var(--wp--preset--color--heading) !important;
  color: var(--wp--preset--color--white) !important;
  box-shadow: 0 4px 20px var(--smv-shadow-mono) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.darkmode .smv-ov-grid .smv-ov-machala .wp-block-button__link,
body[data-color-mode*="dark"] .smv-ov-grid .smv-ov-machala .wp-block-button__link {
  background-color: var(--wp--preset--color--white) !important;
  color: var(--smv-on-mono) !important;
}
.smv-ov-grid .smv-ov-machala .wp-block-button__link:hover,
.smv-ov-grid .smv-ov-machala .wp-block-button__link:focus,
.smv-ov-grid .smv-ov-machala .wp-block-button__link:active {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
}

/* --- Dark mode text overrides: Inicio + Blog (light koristi brand-color, dark koristi on-brand) --- */
body.darkmode .smv-ov-grid #smv-ov-inicio .wp-block-button__link,
body.darkmode .smv-ov-grid .smv-ov-inicio .wp-block-button__link,
body[data-color-mode*="dark"] .smv-ov-grid #smv-ov-inicio .wp-block-button__link,
body[data-color-mode*="dark"] .smv-ov-grid .smv-ov-inicio .wp-block-button__link {
  color: var(--smv-on-brand) !important;
}
body.darkmode .smv-ov-grid #smv-ov-blog .wp-block-button__link,
body.darkmode .smv-ov-grid .smv-ov-blog .wp-block-button__link,
body[data-color-mode*="dark"] .smv-ov-grid #smv-ov-blog .wp-block-button__link,
body[data-color-mode*="dark"] .smv-ov-grid .smv-ov-blog .wp-block-button__link {
  color: var(--smv-on-brand) !important;
}


/* Boje: ¿Qué tratamos? zelena+glow, ¿A quiénes tratamos? svetlo siva */
.smv-ov-grid .smv-ov-que-tratamos .wp-block-button__link {
  background-color: var(--wp--preset--color--green-shadow) !important;
  color: var(--wp--preset--color--white) !important;
  box-shadow: 0 4px 20px var(--wp--preset--color--green-glow) !important;
}
.smv-ov-grid .smv-ov-a-quienes-tratamos .wp-block-button__link {
  background-color: var(--wp--preset--color--text-faint) !important;
  color: var(--wp--preset--color--black) !important;
}

/* Masonry card glow — targeting WP color classes directly */
.smv-ov-grid .wp-block-button__link.has-primary-background-color,
.smv-ov-grid .wp-block-button__link.has-primary-shadow-background-color {
  box-shadow: 0 4px 20px var(--smv-primary-shadow) !important;
}
.smv-ov-grid .wp-block-button__link.has-secondary-background-color,
.smv-ov-grid .wp-block-button__link.has-secondary-shadow-background-color {
  box-shadow: 0 4px 20px var(--smv-secondary-shadow) !important;
}
.smv-ov-grid .wp-block-button__link.has-green-background-color,
.smv-ov-grid .wp-block-button__link.has-green-shadow-background-color {
  box-shadow: 0 4px 20px var(--wp--preset--color--green-glow) !important;
}

/* -- WCAG ACCESSIBILITY -- */

/* Force white text/links on brand background (dark mode safe) */
.has-primary-background-color,
.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color h4,
.has-primary-background-color p,
.has-primary-background-color li,
.has-primary-background-color ul,
.has-primary-background-color a {
  color: var(--wp--preset--color--white, #FFFFFF) !important;
}
.has-primary-background-color a:hover {
  color: var(--smv-on-dark-muted) !important;
  text-decoration: underline !important;
}

/* Focus styles — visible keyboard navigation */
*:focus-visible {
  outline: 2px solid var(--wp--preset--color--secondary, #3BA3F5);
  outline-offset: 2px;
}

/* Screen reader text (skip link) */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  word-wrap: normal;
}
.screen-reader-text:focus {
  clip: auto;
  clip-path: none;
  display: block;
  height: auto;
  width: auto;
  background: var(--wp--preset--color--surface, #fff);
  color: var(--wp--preset--color--heading, #1a1c1e);
  font-size: 1rem;
  padding: 12px 24px;
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 100000;
  border: 2px solid var(--wp--preset--color--secondary, #3BA3F5);
  border-radius: 4px;
}

/* Reduced motion — respect user preference */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* -- SHARED: equal width buttons -- */
.page-id-119 .wp-block-button__link,
.page-id-121 .wp-block-button__link {
  min-width: 260px;
  text-align: center;
}

/* Social icon hover — orange */
.wp-block-social-link:hover svg {
  fill: var(--wp--preset--color--primary) !important;
  transition: fill 0.2s ease;
}

/* Fix: columns overflow — allow flex items to shrink below content width */
.wp-block-columns > .wp-block-column {
    min-width: 0;
    overflow: hidden;
}



/* Fancy Post / Post Trisect — Stylebook alignment */
.frhd__prefix { color: var(--wp--preset--color--primary) !important; }
h2.wp-block-fancypost-post-heading { color: var(--wp--preset--color--heading) !important; }
.frhd__subheading { color: var(--wp--preset--color--text-muted) !important; }
.frhd__heading-style-1 h2:before,
.frhd__heading-style-1 h2:after { background-color: var(--wp--preset--color--outline) !important; }
.frhd__post-meta span,
.frhd__post-meta time,
.frhd__post-meta a,
.frhd__reading-time { color: var(--wp--preset--color--text-muted) !important; }
.frhd__post-excerpt p { color: var(--wp--preset--color--body) !important; }
.frhd__post-btn a {
    background: var(--wp--preset--color--primary) !important;
    border-radius: 0 !important;
}
.frhd__post-btn a:hover { filter: brightness(1.15); }
.frhd__post-meta svg,
.frhd__reading-time svg { fill: var(--wp--preset--color--text-muted) !important; }

/* Fancy Post — dark mode override */
body.darkmode .frhd__post-meta span,
body.darkmode .frhd__post-meta time,
body.darkmode .frhd__post-meta a,
body.darkmode .frhd__reading-time { color: var(--smv-on-dark-faint) !important; }
body.darkmode .frhd__post-excerpt p { color: var(--smv-on-dark-muted) !important; }
body.darkmode .frhd__post-meta svg,
body.darkmode .frhd__reading-time svg { fill: var(--smv-on-dark-faint) !important; }

/* Sidebar — link colors */
.wp-block-categories a,
.wp-block-archives a,
.wp-block-tag-cloud a { color: var(--wp--preset--color--primary) !important; }
.wp-block-categories a:hover,
.wp-block-archives a:hover,
.wp-block-tag-cloud a:hover { color: var(--wp--preset--color--secondary) !important; }

/* Fancy Post — category badge border green */
.frhd__post-grid-1 span.frhd__cat-name a {
    border-color: var(--wp--preset--color--green) !important;
}



/* Blog hero — center heading horizontally + vertically */
.has-primary-background-color.is-layout-constrained {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.has-primary-background-color .uagb-heading-text {
    text-align: center !important;
}

/* CTA — equal width buttons + Machala hover orange + separator glow */
.blog .wp-block-buttons .wp-block-button__link {
    min-width: 280px !important;
    text-align: center !important;
}
.blog .wp-block-button .has-secondary-background-color:hover {
    background-color: var(--wp--preset--color--primary) !important;
}
.blog .wp-block-separator {
    box-shadow: 0 0 8px var(--smv-primary-shadow-strong);
}

/* RESERVAR — CTA button + dropdown */
.smv-reservar-menu {
  background-color: var(--wp--preset--color--primary) !important;
  min-width: 170px !important;
  display: flex !important;
  align-items: center !important;
}
.smv-reservar-menu > .wp-block-navigation-item__content {
  color: var(--wp--preset--color--white, #FFFFFF) !important;
  text-decoration: none !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.smv-reservar-menu > .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--white, #FFFFFF) !important;
  text-decoration: none !important;
}
.smv-reservar-menu > .wp-block-navigation-submenu__toggle {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}
.smv-reservar-menu > .wp-block-navigation-submenu__toggle svg {
  fill: var(--wp--preset--color--white, #FFFFFF) !important;
}
.smv-reservar-menu .wp-block-navigation__submenu-container {
  left: auto !important;
  right: 0 !important;
  background-color: var(--wp--preset--color--dark-bg) !important;
  border: none !important;
}
.smv-reservar-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: var(--wp--preset--color--white) !important;
}
.smv-reservar-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--primary) !important;
}

/* Dropdown — dark mode invertovano */
body.darkmode .smv-reservar-menu .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--white) !important;
}
body.darkmode .smv-reservar-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: var(--wp--preset--color--dark-bg) !important;
}
body.darkmode .smv-reservar-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--primary) !important;
}

.smv-reservar-menu {
  padding: 8px 0 !important;
}

.smv-reservar-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  white-space: nowrap !important;
}



.smv-reservar-menu .wp-block-navigation__submenu-container {
  padding: 0 !important;
  gap: 0 !important;
  box-shadow: none !important;
}

.smv-reservar-menu .wp-block-navigation__submenu-container > .wp-block-navigation-item {
  width: 100% !important;
}

.smv-reservar-menu .wp-block-navigation__submenu-container {
  border-top: 2px solid var(--wp--preset--color--primary) !important;
}


/* ==========================================================
   SINGLE POST TEMPLATE
   ========================================================== */

/* Breadcrumb — narandžasto, hover plavo */
body .wp-block-bcn-breadcrumb-trail a {
  color: var(--wp--preset--color--primary) !important;
}
body .wp-block-bcn-breadcrumb-trail a:hover {
  color: var(--wp--preset--color--secondary) !important;
}

/* Tagovi (pills) — narandžasta bg + bela slova, hover crna bg */
body .taxonomy-post_tag a {
  color: var(--wp--preset--color--white) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
body .taxonomy-post_tag a:hover {
  color: var(--wp--preset--color--background) !important;
  background-color: var(--smv-block-black) !important;
}

/* Author link — narandžasto, hover plavo */
body .wp-block-post-author__name a,
body .wp-block-post-author a {
  color: var(--wp--preset--color--primary) !important;
}
body .wp-block-post-author__name a:hover,
body .wp-block-post-author a:hover {
  color: var(--wp--preset--color--secondary) !important;
}

/* Author bio box (klasa smv-author-bio) */
body.single .smv-author-bio {
  background-color: var(--smv-primary-tint) !important;
  border: none !important;
  border-left: 4px solid var(--wp--preset--color--primary) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 28px 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}
body.single .smv-author-bio .wp-block-post-author__avatar img {
  border-radius: 50% !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border: 3px solid var(--wp--preset--color--primary) !important;
}
body.single .smv-author-bio .wp-block-post-author__name {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}
body.single .smv-author-bio .wp-block-post-author__bio {
  color: var(--wp--preset--color--body) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Cover hero author — reset box stilizacije */
body.single .wp-block-cover .wp-block-post-author {
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Cover header — author i category pill na beloj pozadini */
body .wp-block-cover .smv-author-hero .wp-block-post-author__name a {
  color: var(--wp--preset--color--primary) !important;
  background-color: var(--wp--preset--color--white) !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}
body .wp-block-cover .smv-author-hero .wp-block-post-author__name a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
body .wp-block-cover .wp-block-post-terms a {
  color: var(--wp--preset--color--primary) !important;
  background-color: var(--wp--preset--color--white) !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}
body .wp-block-cover .wp-block-post-terms a:hover {
  color: var(--wp--preset--color--secondary) !important;
}

/* FAQ Accordion (GreenShift) — crna dugmad, bela slova, hover narandžasta */
body.single .gs-accordion-item > .gs-accordion-item__title {
  background-color: var(--smv-block-accordion) !important;
  color: var(--wp--preset--color--white) !important;
}
body.single .gs-accordion-item > .gs-accordion-item__title .gs-accordion-item__heading {
  color: var(--wp--preset--color--white) !important;
}
body.single .gs-accordion-item > .gs-accordion-item__title .iconfortoggle,
body.single .gs-accordion-item > .gs-accordion-item__title .iconfortoggle svg,
body.single .gs-accordion-item > .gs-accordion-item__title .iconfortoggle svg path {
  color: var(--wp--preset--color--white) !important;
  fill: var(--wp--preset--color--white) !important;
}
body.single .gs-accordion-item > .gs-accordion-item__title:hover,
body.single .gs-accordion-item.gsopen > .gs-accordion-item__title {
  background-color: var(--smv-block-accordion-active) !important;
}
body.single .gs-accordion-item > .gs-accordion-item__content {
  background-color: var(--wp--preset--color--background) !important;
}
body.darkmode.single .gs-accordion-item > .gs-accordion-item__content {
  background-color: var(--wp--preset--color--white) !important;
}

/* Comment submit — border-radius 0 */
body.single input#submit.wp-block-button__link.wp-element-button {
  border-radius: 0 !important;
}

/* Comment sekcija — pozadina #F5F5F5 / dark */
body.single .swt-block-comment-group.has-surface-background-color {
  background-color: var(--wp--preset--color--background) !important;
}

/* 404 — layered layout */
.smv-404 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.smv-404-bg {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}
.smv-404-number {
  position: absolute;
  font-size: clamp(200px, 30vw, 400px);
  font-weight: 500;
  color: var(--wp--preset--color--text-muted);
  opacity: 0.06;
  letter-spacing: 20px;
  line-height: 1;
  user-select: none;
  z-index: 1;
}
.smv-404-spine {
  width: clamp(300px, 50vw, 460px);
  height: auto;
  opacity: 0.25;
  z-index: 2;
}
.smv-404-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 460px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* ── HERO PILLS (14 zona) ── */
.uagb-block-6b69316b .uagb-buttons__wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}
.uagb-block-6b69316b .wp-block-uagb-buttons-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  writing-mode: horizontal-tb !important;
}
.uagb-block-6b69316b .uagb-buttons-repeater {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--smv-on-brand) !important;
  writing-mode: horizontal-tb !important;
  padding: 8px 20px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  border: none !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
}
.uagb-block-6b69316b .uagb-buttons-repeater:hover,
.uagb-block-6b69316b .uagb-buttons-repeater:focus {
  background-color: var(--smv-block-black) !important;
  color: var(--smv-on-brand) !important;
}

/* Machala CTA hover — plavo na narandzasto (globalno) */
.wp-block-button .has-secondary-background-color:hover {
  background-color: var(--wp--preset--color--primary) !important;
}

/* Hero CTA — jednaka sirina dugmadi */
body.home .wp-block-buttons .wp-block-button__link {
  min-width: 250px !important;
  text-align: center !important;
}


/* ── PIPELINE TRIPTIH ── */

.smv-pipeline {
  overflow: hidden !important;
}

/* Anchor divovi — zero-size, vidljivi za browser scroll */
.smv-pipeline > .gspb_smartscroll > div[id]:not([class]) {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  flex: 0 0 0px !important;
}

/* Scroll kontejner — NE dirati overflow (GreenShift JS) */
.smv-pipeline > .gspb_smartscroll {
  display: flex !important;
  flex-wrap: nowrap !important;
}

/* Svaki triptih — puna sirina */
.smv-pipeline > .gspb_smartscroll > .gspb_container {
  flex: 0 0 auto !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}

/* Triptih boks — row layout */
.smv-pipeline > .gspb_smartscroll > .gspb_container[class*="smv-pipeline-"] {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  padding: 24px !important;
  background-color: transparent !important;
  border-radius: 12px !important;
  border: none !important;
}

/* Kolona */
.smv-pipeline-col {
  flex: 1 !important;
  text-align: center !important;
  padding: 16px !important;
  border-radius: 8px !important;
  background-color: var(--wp--preset--color--basecolor) !important;
}

/* Label */
[class*="smv-pipeline-"][class*="-label"] {
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
}
.smv-pipeline-problema [class*="-label"] {
  color: var(--wp--preset--color--primary) !important;
  background-color: var(--smv-primary-tint) !important;
}
.smv-pipeline-causa [class*="-label"] {
  color: var(--wp--preset--color--secondary) !important;
  background-color: var(--smv-secondary-tint) !important;
}
.smv-pipeline-solucion [class*="-label"] {
  color: var(--wp--preset--color--green) !important;
  background-color: var(--smv-green-tint) !important;
}

/* Slika */
.smv-pipeline-col .ultp-image,
.smv-pipeline-col img {
  border-radius: 8px !important;
  width: 100% !important;
  aspect-ratio: 9/16 !important;
  object-fit: cover !important;
}
.smv-pipeline-col .wp-block-ultimate-post-image {
  margin-bottom: 12px !important;
}

/* Opis */
[class*="smv-pipeline-"][class*="-desc"] {
  font-size: 20px !important;
  color: var(--wp--preset--color--text-muted) !important;
  line-height: 1.5 !important;
}

/* Pipeline aktivan pill */
.uagb-block-6b69316b .uagb-buttons-repeater.smv-pill-active {
  background-color: var(--smv-block-black) !important;
  color: var(--smv-on-brand) !important;
}

/* Pipeline kolone — dark mode */
body.darkmode .smv-pipeline-col {
  background-color: var(--smv-dark-surface) !important;
}

.smv-pipeline-col {
}

/* Pipeline kolone — obojeni glow */
.smv-pipeline-problema {
  box-shadow: inset 0 0 60px var(--smv-primary-glow-intense) !important;
}
.smv-pipeline-causa {
  box-shadow: inset 0 0 60px var(--smv-secondary-glow-intense) !important;
}
.smv-pipeline-solucion {
  box-shadow: inset 0 0 60px var(--smv-green-glow-intense) !important;
}

/* Pipeline kolone — obojeni borderi */
.smv-pipeline-problema {
  border: 2px solid var(--smv-primary-border-soft) !important;
}
.smv-pipeline-causa {
  border: 2px solid var(--smv-secondary-border-soft) !important;
}
.smv-pipeline-solucion {
  border: 2px solid var(--smv-green-border-soft) !important;
}

/* Pipeline sirina 1200px */
.smv-pipeline {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Desktop — smanjen gap u desnoj (CTA) grupi sa 18px na 8px
   (override WP: :root :where(.is-layout-flex) { gap: --preset--spacing--x-small }) */
.smv-header-desktop .wp-block-group.is-content-justification-right {
  gap: 12px !important;
}

/* Desktop Menu — smanjen column-gap sa 36px na 34px (i nav i ul) */
.smv-header-desktop nav[aria-label="Desktop Menu"],
.smv-header-desktop nav[aria-label="Desktop Menu"] > .wp-block-navigation__container,
.smv-header-desktop nav[aria-label="Desktop Menu"] .wp-block-navigation__container {
  column-gap: 30px !important;
  gap: 30px !important;
}

/* JetAjaxSearch overlay — results area (dropdown ispod search polja) */
.jet-ajax-search__results-area,
.jet-ajax-search-block .jet-ajax-search__results-area {
  background-color: var(--wp--preset--color--dark-surface) !important;
  border-radius: 0 !important;
}

/* JetAjaxSearch — "Ver todos los resultados" link
   color: primary → hover secondary
   background: zaključan na dark-bg (plugin default menja bg na hover) */
.jet-ajax-search .jet-ajax-search__full-results,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results,
.jet-ajax-search .jet-ajax-search__full-results:hover,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results:hover,
.jet-ajax-search .jet-ajax-search__full-results:focus,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results:focus {
  background-color: var(--wp--preset--color--dark-surface) !important;
}
.jet-ajax-search .jet-ajax-search__full-results,
.jet-ajax-search .jet-ajax-search__full-results a,
.jet-ajax-search .jet-ajax-search__full-results *,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results a,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results * {
  color: var(--wp--preset--color--primary) !important;
}
.jet-ajax-search .jet-ajax-search__full-results:hover,
.jet-ajax-search .jet-ajax-search__full-results:hover a,
.jet-ajax-search .jet-ajax-search__full-results:hover *,
.jet-ajax-search .jet-ajax-search__full-results a:hover,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results:hover,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results:hover a,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results:hover *,
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results a:hover {
  color: var(--wp--preset--color--secondary) !important;
}

/* JetAjaxSearch tekst u rezultatima — obrnuti swap (dark-heading, dark-body)
   da kontrastira sa obrnutom pozadinom --dark-surface */
.jet-ajax-search__results-area .jet-ajax-search__results-header,
.jet-ajax-search__results-area .jet-ajax-search__item-title,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__results-header,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__item-title {
  color: var(--wp--preset--color--dark-heading) !important;
}
.jet-ajax-search__results-area .jet-ajax-search__item-content,
.jet-ajax-search__results-area .jet-ajax-search__item-link,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__item-content,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__item-link {
  color: var(--wp--preset--color--dark-body) !important;
}

/* JetAjaxSearch item hover — inverzno od --dark-surface (koristi surface + heading) */
.jet-ajax-search__results-area .jet-ajax-search__results-item:hover,
.jet-ajax-search__results-area .jet-ajax-search__item-link:hover,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__results-item:hover,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__item-link:hover {
  background-color: var(--wp--preset--color--surface) !important;
}
.jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-title,
.jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-content,
.jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-link,
.jet-ajax-search__results-area .jet-ajax-search__item-link:hover .jet-ajax-search__item-title,
.jet-ajax-search__results-area .jet-ajax-search__item-link:hover .jet-ajax-search__item-content,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-title,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-content,
.jet-ajax-search-block .jet-ajax-search__results-area .jet-ajax-search__results-item:hover .jet-ajax-search__item-link {
  color: var(--wp--preset--color--heading) !important;
}

/* JetAjaxSearch results slide — margin 10px (plugin default: 0) */
.jet-ajax-search__results-slide,
.jet-ajax-search-block .jet-ajax-search__results-slide {
  padding: 10px !important;
}

/* JetAjaxSearch full-results link — padding 10px */
.jet-ajax-search-block .jet-ajax-search .jet-ajax-search__full-results,
.jet-ajax-search .jet-ajax-search__full-results {
  padding: 10px !important;
}

/* Banner "Agenda tu evaluación" — horizontalni padding + centriranje na mobilnom/tabletu
   (banner je wp-block-group.has-primary-background-color u headeru, inline padding:0) */
@media (max-width: 980px) {
  .wp-block-group.has-primary-background-color {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .wp-block-group.has-primary-background-color .gspb_heading,
  .wp-block-group.has-primary-background-color p {
    text-align: center !important;
  }
}


/* ============================================================
   /* =============================================================
   SESIJA 23. april 2026 — CSS DODACI ZA RESERVAR STRANICE

   SVE boje koriste theme.json slug varijable. Jedini izuzeci:
   - var(--smv-green-hover)    (10% tamnija zelena — WA dugme hover state)
   - var(--smv-primary-hover)  (10% tamnija orandž — Correo dugme hover state)

   Razlog izuzetka: ove vrednosti su hover derivati brand boja
   (--green, --primary) za koje Stylebook nema slug. Kada se
   doda slug 'green-hover' / 'primary-hover' u theme.json, ovi
   hardcode stringovi se menjaju na varijable.
   ============================================================= */


Reservar Guayaquil/Machala — eyebrow (uppercase paragraph) narandžasto
   Stabilan selektor: inline style text-transform:uppercase (generiše se
   iz block atributa style.typography.textTransform:"uppercase").
   Ograničeno na page-id 516 (GYE) i 519 (MCH).
   Premešteno iz block atributa 22. april 2026 — Gutenberg brisao atribute
   pri save-u stranice u editoru.
   ============================================================ */

body.page-id-106 p.smv-text-brand,
body.page-id-107 p.smv-text-brand,
body.page-id-106 p.has-text-align-center[style*="text-transform:uppercase"],
body.page-id-107 p.has-text-align-center[style*="text-transform:uppercase"] {
  color: var(--wp--preset--color--primary) !important;
}

/* UAGB Info Box ikone — narandžasto (Reservar stranice) */
body.page-id-106 .wp-block-uagb-info-box .uagb-ifb-icon-wrap svg,
body.page-id-107 .wp-block-uagb-info-box .uagb-ifb-icon-wrap svg {
  fill: var(--wp--preset--color--primary);
}


/* ============================================================
   Sekcija CONTACTO (page 516 GYE i 519 MCH) — specifične boje
   po block_id. Default globalno pravilo farba SVE UAGB info-box
   ikone orandž; ovde overridamo za WA (zelena) i Llamar (bela).
   Correo ostaje orandž (default).
   Dodato: 22. april 2026
   ============================================================ */

/* WhatsApp ikona — zelena (visok specificity da nadjača globalno page-id-106 pravilo) */
body.page-id-106 .uagb-block-8e5ee23e .uagb-ifb-icon-wrap svg,
body.page-id-107 .uagb-block-8e5ee23e .uagb-ifb-icon-wrap svg {
  fill: var(--wp--preset--color--green) !important;
}

/* Llamar ikona — bela (visok specificity) */
body.page-id-106 .uagb-block-46f2ff89 .uagb-ifb-icon-wrap svg,
body.page-id-107 .uagb-block-46f2ff89 .uagb-ifb-icon-wrap svg {
  fill: var(--wp--preset--color--text-muted) !important;
}

/* WhatsApp dugme — zelena pozadina / bela slova */
.uagb-block-8e5ee23e .wp-block-button__link,
.uagb-block-8e5ee23e a.uagb-infobox-cta {
  background-color: var(--wp--preset--color--green);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--green);
}

/* Llamar dugme — text-muted pozadina / dark-heading slova (theme-aware) */
.uagb-block-46f2ff89 .wp-block-button__link,
.uagb-block-46f2ff89 a.uagb-infobox-cta {
  background-color: var(--wp--preset--color--text-muted);
  color: var(--wp--preset--color--dark-heading);
  border-color: var(--wp--preset--color--text-muted);
}

/* Correo dugme — orandž pozadina / bela slova */
.uagb-block-1374fa35 .wp-block-button__link,
.uagb-block-1374fa35 a.uagb-infobox-cta {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}


/* ============================================================
   Sekcija CONTACTO — borderi kartica + boja naslova
   WA:     border zelena + naslov "WhatsApp" zelen
   Llamar: border bela (default slova bela)
   Correo: border orandž + naslov "Correo" orandž
   Dodato: 22. april 2026 — premešteno iz block atributa (Ljubo dodao preko UI).
   ============================================================ */

/* Borderi 1px solid */
body.page-id-106 .uagb-block-8e5ee23e.wp-block-uagb-info-box,
body.page-id-107 .uagb-block-8e5ee23e.wp-block-uagb-info-box {
  border: 3px solid var(--wp--preset--color--green) !important;
}
body.page-id-106 .uagb-block-46f2ff89.wp-block-uagb-info-box,
body.page-id-107 .uagb-block-46f2ff89.wp-block-uagb-info-box {
  border: 3px solid var(--wp--preset--color--text-muted) !important;
}
body.page-id-106 .uagb-block-1374fa35.wp-block-uagb-info-box,
body.page-id-107 .uagb-block-1374fa35.wp-block-uagb-info-box {
  border: 3px solid var(--wp--preset--color--primary) !important;
}

/* Naslovi — WA zelena, Correo orandž */
body.page-id-106 .uagb-block-8e5ee23e .uagb-ifb-title,
body.page-id-107 .uagb-block-8e5ee23e .uagb-ifb-title {
  color: var(--wp--preset--color--green) !important;
}
body.page-id-106 .uagb-block-1374fa35 .uagb-ifb-title,
body.page-id-107 .uagb-block-1374fa35 .uagb-ifb-title {
  color: var(--wp--preset--color--primary) !important;
}


/* Contacto — broj/email ispod naslova (WA zeleno, Correo orandž) */
body.page-id-106 .uagb-block-8e5ee23e .uagb-ifb-desc,
body.page-id-107 .uagb-block-8e5ee23e .uagb-ifb-desc {
  color: var(--wp--preset--color--green) !important;
}
body.page-id-106 .uagb-block-1374fa35 .uagb-ifb-desc,
body.page-id-107 .uagb-block-1374fa35 .uagb-ifb-desc {
  color: var(--wp--preset--color--primary) !important;
}


/* ============================================================
   Contacto — hover efekti na dugmadima (suptilan 10% dim + 0.2s transition)
   ============================================================ */

body.page-id-106 .wp-block-uagb-info-box .wp-block-button__link,
body.page-id-106 .wp-block-uagb-info-box a.uagb-infobox-cta-link,
body.page-id-107 .wp-block-uagb-info-box .wp-block-button__link,
body.page-id-107 .wp-block-uagb-info-box a.uagb-infobox-cta-link {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

/* WA — zelena → tamnija zelena */
body.page-id-106 .uagb-block-8e5ee23e .wp-block-button__link:hover,
body.page-id-106 .uagb-block-8e5ee23e a.uagb-infobox-cta-link:hover,
body.page-id-107 .uagb-block-8e5ee23e .wp-block-button__link:hover,
body.page-id-107 .uagb-block-8e5ee23e a.uagb-infobox-cta-link:hover {
  background-color: var(--smv-green-hover) !important;
  border-color: var(--smv-green-hover) !important;
  color: var(--wp--preset--color--white) !important;
}

/* Llamar hover — text-muted → text-faint (suptilan dim, theme-aware) */
body.page-id-106 .uagb-block-46f2ff89 .wp-block-button__link:hover,
body.page-id-106 .uagb-block-46f2ff89 a.uagb-infobox-cta-link:hover,
body.page-id-107 .uagb-block-46f2ff89 .wp-block-button__link:hover,
body.page-id-107 .uagb-block-46f2ff89 a.uagb-infobox-cta-link:hover {
  background-color: var(--wp--preset--color--text-faint) !important;
  border-color: var(--wp--preset--color--text-faint) !important;
  color: var(--wp--preset--color--dark-heading) !important;
}

/* Correo — orandž → tamnija orandž */
body.page-id-106 .uagb-block-1374fa35 .wp-block-button__link:hover,
body.page-id-106 .uagb-block-1374fa35 a.uagb-infobox-cta-link:hover,
body.page-id-107 .uagb-block-1374fa35 .wp-block-button__link:hover,
body.page-id-107 .uagb-block-1374fa35 a.uagb-infobox-cta-link:hover {
  background-color: var(--smv-primary-hover) !important;
  border-color: var(--smv-primary-hover) !important;
  color: var(--wp--preset--color--white) !important;
}


/* Llamar broj "098 762 4549" — heading slug (čista crna light / čista bela dark) */
body.page-id-106 .uagb-block-46f2ff89 .uagb-ifb-desc,
body.page-id-107 .uagb-block-46f2ff89 .uagb-ifb-desc {
  color: var(--wp--preset--color--heading) !important;
}


/* ============================================================
   Cómo llegar — naslovi info-box-ova (DIRECCIÓN, HORARIO, PARQUEO) orandž
   Block ID-jevi (iz baze): 7abf0c43, ca709b02, 6c53a25a
   Dodato: 23. april 2026
   ============================================================ */

body.page-id-106 .uagb-block-7abf0c43 .uagb-ifb-title,
body.page-id-106 .uagb-block-ca709b02 .uagb-ifb-title,
body.page-id-106 .uagb-block-6c53a25a .uagb-ifb-title,
body.page-id-107 .uagb-block-7abf0c43 .uagb-ifb-title,
body.page-id-107 .uagb-block-ca709b02 .uagb-ifb-title,
body.page-id-107 .uagb-block-6c53a25a .uagb-ifb-title {
  color: var(--wp--preset--color--primary) !important;
}





/* ============================================================
   Donji CTA dugmad (¿Empezamos?) — swap-on-hover
   .smv-cta-btn-fill     = Guayaquil — fill: narandžast ⇄ background
   .smv-cta-btn-outline  = Machala   — outline: narandžast ⇄ heading
   Boje preko varijabli koje se swap-uju u dark modu (background, heading).
   Dodato: 24. april 2026.
   ============================================================ */

.smv-cta-btn-fill .wp-block-button__link,
.wp-block-button.smv-cta-btn-fill .wp-block-button__link,
.smv-cta-btn-outline .wp-block-button__link,
.wp-block-button.smv-cta-btn-outline .wp-block-button__link {
  border: 2px solid var(--wp--preset--color--primary) !important;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

/* FILL — Guayaquil */
.smv-cta-btn-fill .wp-block-button__link,
.wp-block-button.smv-cta-btn-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--smv-on-brand) !important;
}
.smv-cta-btn-fill .wp-block-button__link:hover,
.wp-block-button.smv-cta-btn-fill .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--dark-surface) !important;
  color: var(--wp--preset--color--on-dark-surface) !important;
  border-color: var(--wp--preset--color--dark-surface) !important;
}

/* OUTLINE — Machala */
/* MONO SWAP — Machala (light: crno+belo, dark: belo+crno; hover: full primary)
   Promena 6.5.2026: outline -> mono swap (nova policy: GYE primary + MCH paralelni). */
.smv-cta-btn-outline .wp-block-button__link,
.wp-block-button.smv-cta-btn-outline .wp-block-button__link {
  background-color: var(--smv-block-black) !important;
  color: var(--smv-on-brand) !important;
  border-color: var(--smv-block-black) !important;
}
body.darkmode .smv-cta-btn-outline .wp-block-button__link,
body.darkmode .wp-block-button.smv-cta-btn-outline .wp-block-button__link,
body[data-color-mode*="dark"] .smv-cta-btn-outline .wp-block-button__link,
body[data-color-mode*="dark"] .wp-block-button.smv-cta-btn-outline .wp-block-button__link {
  background-color: var(--smv-on-brand) !important;
  color: var(--smv-block-black) !important;
  border-color: var(--smv-on-brand) !important;
}
.smv-cta-btn-outline .wp-block-button__link:hover,
.wp-block-button.smv-cta-btn-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--smv-on-brand) !important;
  border-color: var(--wp--preset--color--primary) !important;
}

/* =========================================================================
   BLOG STATS — dinamički brojači u header-u Bloga
   (Artículos / Categorías / Etiquetas + datum poslednjeg posta)
   Markup: Custom HTML widget (klasa .smv-blog-stats)
   Shortcode-ovi: /inc/blog-stats.php
   ========================================================================= */

.smv-blog-stats {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	justify-content: center;
}

.smv-blog-stats__row {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	justify-content: center;
}

.smv-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-width: 80px;
}

.smv-stat__num {
	color: var(--wp--preset--color--primary);
	font-size: clamp(36px, 5vw, 56px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 6px;
}

.smv-stat__lbl {
	color: var(--wp--preset--color--text-muted);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.smv-blog-stats__update {
	color: var(--wp--preset--color--text-muted);
	font-size: 13px;
	margin: 0;
	text-align: center;
}

.smv-blog-stats__update em {
	font-style: italic;
	color: var(--wp--preset--color--text-faint);
}

/* Responsive — mobilni telefoni */
@media (max-width: 600px) {
	.smv-blog-stats__row { gap: 20px; }
	.smv-stat__num { font-size: 36px; }
	.smv-stat__lbl { font-size: 10px; letter-spacing: 1.5px; }
}
/* Banner "Agenda tu evaluación" — desktop centriranje preko cele širine bara.
   Bar ima klasu .smv-banner (postavljena u template part 45). Tekst-grupa
   apsolutno centrirana; ikone-grupa ostaje desno (margin-left: auto da
   nadoknadi nestanak prvog flex item-a iz flow-a).
   Dodato 5. maj 2026. */
@media (min-width: 981px) {
  header .smv-banner {
    position: relative !important;
  }
  header .smv-banner > .wp-block-group:first-child {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    pointer-events: none !important;
  }
  header .smv-banner > .wp-block-group:last-child {
    margin-left: auto !important;
  }
}
/* ===========================================================================
   CTA dugmad — ravnopravan par (Brand <-> Mono swap pattern)
   ===========================================================================
   .smv-btn-brand : narandžast full + beli tekst → hover swap u mono stil
   .smv-btn-mono  : mono swap (light: crni+beli, dark: beli+crni) → hover brand

   WP block dugmad: Site Editor stavlja "Additional CSS classes" na WRAPPER
   (.wp-block-button), ne na link unutar. Selektori targetiraju link unutar
   wrapper-a + fallback na direktnu klasu na linku/anchor-u.

   Hover/focus na wrapper-u stilizuje link unutar (.smv-btn-X:hover .link).

   Boje preko postojećih varijabli (dark-surface i dark-heading rade
   auto-swap između light/dark mode kroz GreenShift Color Replacement).

   Dodato 5. maj 2026.
   =========================================================================== */

/* — Brand DEFAULT — */
body .smv-btn-brand .wp-block-button__link,
body .smv-btn-brand > a,
body a.smv-btn-brand,
body .wp-block-button__link.smv-btn-brand {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white, #FFFFFF) !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* — Brand HOVER/FOCUS — */
body .smv-btn-brand:hover .wp-block-button__link,
body .smv-btn-brand:focus-within .wp-block-button__link,
body .smv-btn-brand .wp-block-button__link:hover,
body .smv-btn-brand .wp-block-button__link:focus,
body .smv-btn-brand > a:hover,
body .smv-btn-brand > a:focus,
body a.smv-btn-brand:hover,
body a.smv-btn-brand:focus,
body .wp-block-button__link.smv-btn-brand:hover,
body .wp-block-button__link.smv-btn-brand:focus {
  background-color: var(--wp--preset--color--dark-surface) !important;
  color: var(--wp--preset--color--dark-heading) !important;
}

/* — Mono DEFAULT — */
body .smv-btn-mono .wp-block-button__link,
body .smv-btn-mono > a,
body a.smv-btn-mono,
body .wp-block-button__link.smv-btn-mono {
  background-color: var(--wp--preset--color--dark-surface) !important;
  color: var(--wp--preset--color--dark-heading) !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* — Mono HOVER/FOCUS — */
body .smv-btn-mono:hover .wp-block-button__link,
body .smv-btn-mono:focus-within .wp-block-button__link,
body .smv-btn-mono .wp-block-button__link:hover,
body .smv-btn-mono .wp-block-button__link:focus,
body .smv-btn-mono > a:hover,
body .smv-btn-mono > a:focus,
body a.smv-btn-mono:hover,
body a.smv-btn-mono:focus,
body .wp-block-button__link.smv-btn-mono:hover,
body .wp-block-button__link.smv-btn-mono:focus {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white, #FFFFFF) !important;
}
/* Search ikona u baneru — bela u oba moda (banner je uvek narandžast,
   .smv-search-icon default svg stroke koristi --heading koji se swapuje;
   pregazi to za .smv-banner kontekst).
   Dodato 5. maj 2026. */
.smv-banner .smv-search-icon svg {
  stroke: var(--wp--preset--color--white, #FFFFFF) !important;
}
/* JetAjaxSearch submit dugme — lupa bela u oba moda (button bg je --primary
   narandžasta konstanta; postojeće fill: var(--heading) se swapuje, pa je
   u light modu crna). Ovo dolazi posle u fajlu i pobeđuje kao "later wins". */
body .jet-ajax-search__submit svg,
body .jet-ajax-search__submit svg path,
body .jet-ajax-search-block .jet-ajax-search__submit svg,
body .jet-ajax-search-block .jet-ajax-search__submit svg path {
  fill: var(--wp--preset--color--white, #FFFFFF) !important;
}
/* Search input — 1px narandžast border u oba moda. Postojeće --outline 
   (rgba 0.08) je jedva vidljivo na svetloj/tamnoj pozadini; pregazi color
   na --primary, dimenzija/stil ostaju. Submit dugme ima orandž bg pa se
   vizuelno spaja sa input border-om u jedinstvenu search kutiju. */
body .jet-ajax-search__field {
  border-color: var(--wp--preset--color--primary, #E24B00) !important;
}
/* Search submit dugme — 1px narandžast border da se ukupnа visina poravna 
   sa input field-om (input ima border, submit nije imao → 2px razlike u 
   visini). Border je iste boje kao bg = vizuelno nevidljiv unutar dugmeta,
   ali fizički proširi visinu za 2px (1px gore + 1px dole). */
body .jet-ajax-search__submit {
  border: 1px solid var(--wp--preset--color--primary, #E24B00) !important;
}
/* ===========================================================================
   Banner boje — per-mode swap preko custom varijabli
   ===========================================================================
   Light mode → crna banner (premium tape, max kontrast vs svetla stranica)
   Dark mode  → orandž banner (max kontrast vs tamna stranica, drama hook)

   Varijable se nasleđuju kroz .smv-banner; kasnije se mogu reusable
   ako banner dobije više elemenata koji moraju da prate isti swap.

   Inline style="background-color:#e24b00" iz template part 45 se pregaza
   ovim CSS-om (!important > inline bez !important). Čistija opcija je da
   se inline ukloni u Site Editor-u — ali ne mora.

   Dodato 5. maj 2026.
   =========================================================================== */

:root {
  --smv-banner-bg: #000000;
  --smv-banner-text: var(--wp--preset--color--white, #FFFFFF);
}
body.darkmode {
  --smv-banner-bg: var(--wp--preset--color--primary, #E24B00);
  /* text ostaje bela u oba moda — samo bg swap */
}
body .smv-banner {
  background-color: var(--smv-banner-bg) !important;
  color: var(--smv-banner-text) !important;
}

/* ===========================================================================
   FOOTER — Recent Posts widget (klasa smv-footer-recent)
   ===========================================================================
   Klasa na wp:latest-posts bloku (Avanzado -> Clase(s) CSS adicional(es)).
   Footer je UVEK crn (oba moda) - boje konstantne, bez dark mode override-a. */
ul.smv-footer-recent,
.smv-footer-recent.wp-block-latest-posts__list {
  list-style: disc inside !important;
  padding-left: 0em !important;
  margin: 0 !important;
}
ul.smv-footer-recent li,
.smv-footer-recent.wp-block-latest-posts__list li {
  margin-bottom: 10px !important;
}
ul.smv-footer-recent li::marker,
.smv-footer-recent.wp-block-latest-posts__list li::marker {
  color: var(--smv-on-brand) !important;
}
/* Default: orandz, near-white hover (preko --smv-on-dark = rgba(255,255,255,0.95)) */
.smv-footer-recent .wp-block-latest-posts__post-date {
  color: var(--wp--preset--color--primary) !important;
  transition: color 0.2s ease !important;
}
.smv-footer-recent li:hover .wp-block-latest-posts__post-date {
  color: var(--smv-on-dark) !important;
}


/* ── SEDES — izjednačavanje vertikalnog alignment-a dugmadi (sesija 13.5.2026) ─────
   Klasa .smv-sede-card primenjena na obe wp:column u Sedes sekciji (post 125).
   Flex layout u koloni + margin-top:auto na buttons → dugmad obe kolone na istom
   vertikalnom nivou, bez obzira na različit broj linija u paragrafu adrese/vremena.
   Kombinovano sa verticalAlignment:stretch na wp:columns za jednake visine kolona.
   ────────────────────────────────────────────────────────────────────────────── */
.smv-sede-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.smv-sede-card .wp-block-buttons {
  margin-top: auto;
}


/* ============================================================ */
/* FALLBACK CENTER ALIGNMENT — GS heading-i koji nemaju per-page CSS */
/* (Dodato 2026-05-15 jer GreenShift CSS gen radi samo kroz editor save) */
/* ============================================================ */
.gspb_heading {
    text-align: center !important;
}