/* =========================================================
   DSD GLOBAL THEME SYSTEM
   Owner: DSD Content Curator
   Source of truth: manual_section
   Images: injected from WordPress attachment IDs as --dsd-theme-image
   ========================================================= */

:root {
  --dsd-red: #c91f2c;
  --dsd-dark: #17181c;
  --dsd-light: #ffffff;
  --dsd-soft: #f5f5f6;
}

/* =========================================================
   KONVOJ SA SRCEM
   manual_section: konvoj_sa_srcem
   ========================================================= */
.dsd-theme-konvoj {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #dfeaf3;
  --dsd-theme-overlay: linear-gradient(rgba(8, 12, 18, .72), rgba(8, 12, 18, .72));
}

/* =========================================================
   TRUCKSHOW SRBIJA
   manual_section: truckshow_srbija
   ========================================================= */
.dsd-theme-truckshow {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #d9d9db;
  --dsd-theme-overlay: linear-gradient(rgba(12, 12, 14, .70), rgba(12, 12, 14, .70));
}

/* =========================================================
   POMOGLI SMO
   manual_section: pomogli_smo
   ========================================================= */
.dsd-theme-pomogli {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #f4f2f1;
  --dsd-theme-overlay: linear-gradient(rgba(20, 20, 22, .58), rgba(20, 20, 22, .58));
}

/* =========================================================
   HEROJ GODINE
   manual_section: heroj_godine
   ========================================================= */
.dsd-theme-heroj {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #f6f3ed;
  --dsd-theme-overlay: linear-gradient(rgba(16, 16, 18, .62), rgba(16, 16, 18, .62));
}

/* =========================================================
   HUMANOST NE POZNAJE GRANICE
   manual_section: humanost
   ========================================================= */
.dsd-theme-humanost {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #eef3f4;
  --dsd-theme-overlay: linear-gradient(rgba(10, 16, 20, .58), rgba(10, 16, 20, .58));
}

/* =========================================================
   BUDUĆI VOZAČI SA SRCEM
   manual_section: buduci_vozaci
   ========================================================= */
.dsd-theme-buduci-vozaci {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #e9f1f5;
  --dsd-theme-overlay: linear-gradient(rgba(10, 18, 24, .64), rgba(10, 18, 24, .64));
}

/* =========================================================
   DAN DEČIJEG OSMEHA
   manual_section: dan_decijeg_osmeha
   ========================================================= */
.dsd-theme-dan-osmeha {
  --dsd-theme-accent: #c91f2c;
  --dsd-theme-text: #ffffff;
  --dsd-theme-soft: #fff4e7;
  --dsd-theme-overlay: linear-gradient(rgba(18, 18, 20, .52), rgba(18, 18, 20, .52));
}

/* =========================================================
   SHARED HERO CONTRACT
   Elementor/OceanWP: add only class dsd-theme-hero to the hero section.
   The dsd-theme-* class and --dsd-theme-image come from Curator.
   ========================================================= */
.dsd-theme-hero {
  position: relative;
  color: var(--dsd-theme-text, #ffffff);
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Only replace an existing Elementor/OceanWP background after a canonical
   image has actually been selected in DSD Curator → Teme. */
body.dsd-theme-page.dsd-theme-has-image .dsd-theme-hero {
  background-image: var(--dsd-theme-overlay, linear-gradient(rgba(17, 24, 39, .58), rgba(17, 24, 39, .58))), var(--dsd-theme-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.dsd-theme-hero h1,
.dsd-theme-hero h2,
.dsd-theme-hero h3,
.dsd-theme-hero h4,
.dsd-theme-hero h5,
.dsd-theme-hero h6,
.dsd-theme-hero p,
.dsd-theme-hero li {
  color: var(--dsd-theme-text, #ffffff);
}

.dsd-theme-accent {
  color: var(--dsd-theme-accent, var(--dsd-red));
}

.dsd-theme-bg-soft {
  background-color: var(--dsd-theme-soft, var(--dsd-soft));
}

.dsd-theme-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .75rem 1.25rem;
  border: 0;
  border-radius: 6px;
  background: var(--dsd-theme-accent, var(--dsd-red));
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  transition: transform .15s ease, opacity .15s ease;
}

.dsd-theme-button:hover,
.dsd-theme-button:focus {
  color: #ffffff;
  opacity: .92;
  transform: translateY(-1px);
}

.dsd-theme-hero--full {
  min-height: 420px;
  display: flex;
  align-items: center;
}

.dsd-theme-hero--compact {
  min-height: 260px;
  display: flex;
  align-items: center;
}

/* Curator shortcode cards inherit only the theme accent by default. */
.dsd-curated-card[class*="dsd-theme-"] {
  border-top: 3px solid var(--dsd-theme-accent, var(--dsd-red));
}

@media (max-width: 768px) {
  .dsd-theme-hero {
    background-attachment: scroll;
    background-position: center center;
  }

  .dsd-theme-hero--full {
    min-height: 320px;
  }

  .dsd-theme-hero--compact {
    min-height: 220px;
  }
}