.elementor-kit-6{--e-global-color-primary:#DFBC51;--e-global-color-secondary:#000000;--e-global-color-text:#1B1C20;--e-global-color-accent:#DAAD25;--e-global-color-7ec6007:#06B8EE;--e-global-color-4d86404:#FFFFFF;--e-global-color-5f3c30d:#1B1C20;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-4d86404 );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Montserrat", Sans-serif;font-size:76px;font-weight:800;line-height:86px;letter-spacing:1px;}.elementor-kit-6 h2{font-family:"Montserrat", Sans-serif;font-size:54px;font-weight:600;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border-style:none;border-radius:25px 25px 25px 25px;padding:15px 20px 15px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-family:"Montserrat", Sans-serif;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:"Montserrat", Sans-serif;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{border-style:solid;border-width:0px 0px 0px 6px;border-color:#B81C23;}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-family:"Montserrat", Sans-serif;--message-buttons-border-radius:25px 25px 25px 25px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:"Montserrat", Sans-serif;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{border-style:solid;border-width:0px 0px 0px 6px;border-color:#95AC3C;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-family:"Montserrat", Sans-serif;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-family:"Montserrat", Sans-serif;--info-buttons-border-radius:25px 25px 25px 25px;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{border-style:solid;border-width:0px 0px 0px 6px;border-color:#3F84B9;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-family:"Montserrat", Sans-serif;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:46px;line-height:56px;letter-spacing:1px;}.elementor-kit-6 h2{font-size:32px;line-height:38px;}.elementor-kit-6 h3{font-size:26px;line-height:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:18px;}.elementor-kit-6 h2{font-size:26px;line-height:32px;}.elementor-kit-6 h3{font-size:26px;line-height:32px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * ================================================================
 *  SMILJAN MORI — KAKO RADI NOVAC
 *  Elementor Custom CSS
 *  Brand: #252525 · #DFBC51 · #0BB3E7 · Font: Montserrat
 * ================================================================
 *
 *  NAVODILA ZA UPORABO:
 *  1. Pojdite na WordPress Admin → Elementor → Site Settings → Custom CSS
 *     ALI za posamezno stran: Elementor → Page Settings (ikona ⚙️ levo spodaj) → Custom CSS
 *  2. Prilepite CELOTEN ta CSS
 *  3. Vsaki Elementor sekciji dodajte CSS Class (Advanced → CSS Classes)
 *     — glejte oznake [CSS CLASS: ...] pri vsaki sekciji spodaj
 *
 * ================================================================
 */

/* ---------------------------------------------------------------
   GLOBALNE NASTAVITVE — font, osnovna tipografija
--------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

.elementor-page,
.elementor-widget-container,
.elementor-widget-container p,
.elementor-widget-container li {
  font-family: 'Montserrat', sans-serif !important;
}

/* ---------------------------------------------------------------
   SEKCIJA 1 — HERO
   CSS Class: sm-hero
   Vsebina: Heading (naslov) · Text (podnaslov) · Button
   Vi dodate: fotografijo Smiljana kot background ali image widget
--------------------------------------------------------------- */
.sm-hero {
  background: #252525 !important;
  padding: 100px 0 90px !important;
  position: relative;
}

/* Zlatni datum badge — HTML widget, prilepite kodo spodaj */
.sm-datum {
  display: inline-block;
  background: #DFBC51;
  color: #252525;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 2px;
  margin-bottom: 22px;
}

.sm-hero .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 56px !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
}

.sm-hero .elementor-widget-text-editor p {
  color: #bbbbbb !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

/* Info bloki (datum, ura, lokacija) — HTML widget */
.sm-event-info {
  display: flex;
  gap: 0;
  margin: 32px 0;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  overflow: hidden;
  display: inline-flex;
}
.sm-event-info-item {
  padding: 14px 28px;
  text-align: center;
  border-right: 1px solid #3a3a3a;
}
.sm-event-info-item:last-child { border-right: none; }
.sm-event-info-item .val {
  display: block;
  color: #DFBC51;
  font-size: 20px;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
}
.sm-event-info-item .lbl {
  display: block;
  color: #666;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 2px;
}

/* Gumb v hero sekciji */
.sm-hero .elementor-button {
  background: #0BB3E7 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 18px 48px !important;
  border-radius: 3px !important;
  border: none !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}
.sm-hero .elementor-button:hover {
  background: #0999C8 !important;
  transform: translateY(-2px) !important;
}

/* Dekorativna zlata linija na dnu hero sekcije */
.sm-hero::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #DFBC51 0%, transparent 100%);
}


/* ---------------------------------------------------------------
   SEKCIJA 2 — PROBLEM / PAIN POINTS
   CSS Class: sm-problem
   Vsebina: Heading · 3x icon box ali text widget
   Ozadje: svetlo bež
--------------------------------------------------------------- */
.sm-problem {
  background: #f9f7f3 !important;
  padding: 80px 0 !important;
}

.sm-problem .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  color: #252525 !important;
  font-size: 36px !important;
}

/* Zlata podčrtana linija pod naslovi sekcij */
.sm-section-title-line {
  width: 44px;
  height: 3px;
  background: #DFBC51;
  margin: 12px 0 32px;
  border-radius: 2px;
}

/* Pain point kartice */
.sm-problem .elementor-icon-box-wrapper,
.sm-pain-card {
  border-left: 4px solid #DFBC51;
  background: #ffffff;
  padding: 24px 22px !important;
  border-radius: 0 6px 6px 0;
  transition: box-shadow 0.25s ease;
  height: 100%;
}
.sm-problem .elementor-icon-box-wrapper:hover,
.sm-pain-card:hover {
  box-shadow: 0 6px 28px rgba(0,0,0,0.08);
}
.sm-problem .elementor-icon-box-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #252525 !important;
}
.sm-problem .elementor-icon-box-description {
  font-size: 14px !important;
  color: #666666 !important;
  line-height: 1.65 !important;
}
.sm-problem .elementor-icon {
  color: #DFBC51 !important;
}


/* ---------------------------------------------------------------
   SEKCIJA 3 — ŠTO ĆEŠ DOBITI
   CSS Class: sm-dobiti
   Vsebina: Heading · 3 stolpci z naslovi in bulleti
--------------------------------------------------------------- */
.sm-dobiti {
  background: #ffffff !important;
  padding: 90px 0 !important;
}
.sm-dobiti .elementor-heading-title {
  font-weight: 800 !important;
  color: #252525 !important;
  font-size: 36px !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Dio badge-i nad stolpci — HTML widget */
.sm-badge-dio {
  display: inline-block;
  background: #0BB3E7;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 2px;
  margin-bottom: 14px;
}
.sm-badge-radionica {
  background: #DFBC51;
  color: #252525;
}

/* Kartice programa */
.sm-program-card {
  background: #f9f7f3;
  border-top: 3px solid #0BB3E7;
  border-radius: 0 0 6px 6px;
  padding: 28px 24px;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sm-program-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 36px rgba(0,0,0,0.09);
}
.sm-program-card.radionica {
  border-top-color: #DFBC51;
}

/* Bullet liste v sekcijah */
.sm-dobiti ul,
.sm-radionica ul {
  list-style: none !important;
  padding: 0 !important;
}
.sm-dobiti ul li,
.sm-radionica ul li {
  padding: 8px 0 8px 22px !important;
  position: relative;
  font-size: 14px !important;
  color: #444444 !important;
  line-height: 1.55 !important;
  border-bottom: 1px solid #eeebe4;
}
.sm-dobiti ul li::before,
.sm-radionica ul li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: #0BB3E7;
  font-weight: 700;
}


/* ---------------------------------------------------------------
   SEKCIJA 4 — ZAŠTO OVAJ SEMINAR
   CSS Class: sm-zasto
   Vsebina: Heading · 2 stolpca teksta · bulleti
   Ozadje: temno #252525
--------------------------------------------------------------- */
.sm-zasto {
  background: #252525 !important;
  padding: 90px 0 !important;
}
.sm-zasto .elementor-heading-title {
  color: #DFBC51 !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sm-zasto .elementor-widget-text-editor p {
  color: #cccccc !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
.sm-zasto ul {
  list-style: none !important;
  padding: 0 !important;
}
.sm-zasto ul li {
  padding: 9px 0 9px 26px !important;
  position: relative;
  font-size: 15px !important;
  color: #dddddd !important;
  border-bottom: 1px solid #333333;
  font-family: 'Montserrat', sans-serif;
}
.sm-zasto ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #DFBC51;
  font-weight: 800;
}


/* ---------------------------------------------------------------
   SEKCIJA 5 — DIJELOVI SEMINARA (Dio 1, 2, 3)
   CSS Class: sm-dijelovi
   Vsebina: Tabs ali accordion ali 3 polne sekcije
--------------------------------------------------------------- */
.sm-dijelovi {
  background: #f9f7f3 !important;
  padding: 90px 0 !important;
}
.sm-dijelovi .elementor-heading-title {
  font-weight: 800 !important;
  font-size: 34px !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
}
/* Naslov vsakega dela */
.sm-dijelovi .elementor-tab-title,
.sm-dio-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  color: #252525 !important;
}
.sm-dijelovi .elementor-tab-title.elementor-active {
  color: #0BB3E7 !important;
  border-bottom: 2px solid #0BB3E7 !important;
}


/* ---------------------------------------------------------------
   SEKCIJA 6 — POSEBNI GOSTI + PRIMJERI
   CSS Class: sm-gosti
   Vsebina: Heading · tekst · bulleti
   Ozadje: bela
--------------------------------------------------------------- */
.sm-gosti {
  background: #ffffff !important;
  padding: 80px 0 !important;
}
.sm-gosti .elementor-heading-title {
  font-weight: 800 !important;
  font-size: 34px !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sm-gosti .elementor-widget-text-editor p {
  font-size: 16px !important;
  color: #555 !important;
  line-height: 1.75 !important;
}
/* Pika quote / poudarjen stavek */
.sm-quote {
  border-left: 4px solid #DFBC51;
  padding: 14px 20px;
  background: #faf8f2;
  border-radius: 0 4px 4px 0;
  font-size: 16px;
  font-style: italic;
  color: #444;
  margin: 20px 0;
  font-family: 'Montserrat', sans-serif;
}


/* ---------------------------------------------------------------
   SEKCIJA 7 — ZA KOGA JE SEMINAR
   CSS Class: sm-zakoga
   Vsebina: Heading · 3x3 grid kartic ali icon box
   Ozadje: #252525
--------------------------------------------------------------- */
.sm-zakoga {
  background: #252525 !important;
  padding: 90px 0 !important;
}
.sm-zakoga .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sm-zakoga .elementor-icon-box-wrapper {
  background: #2e2e2e !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 6px !important;
  padding: 22px 20px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  height: 100%;
}
.sm-zakoga .elementor-icon-box-wrapper:hover {
  border-color: #DFBC51 !important;
  background: #333333 !important;
}
.sm-zakoga .elementor-icon-box-title,
.sm-zakoga .elementor-icon-box-title * {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.sm-zakoga .elementor-icon-box-description {
  color: #999999 !important;
  font-size: 13px !important;
}
.sm-zakoga .elementor-icon {
  color: #DFBC51 !important;
}


/* ---------------------------------------------------------------
   SEKCIJA 8 — PREDAVAČ: SMILJAN MORI
   CSS Class: sm-speaker
   Vsebina: Heading · 2 stolpca (foto levo, tekst desno)
   Vi dodate: fotografijo Smiljana kot image widget
   Ozadje: bela ali svetla
--------------------------------------------------------------- */
.sm-speaker {
  background: #ffffff !important;
  padding: 90px 0 !important;
}
.sm-speaker .elementor-heading-title {
  font-weight: 800 !important;
  font-size: 36px !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
}
/* Zlata linija pod imenom */
.sm-speaker-name-line {
  width: 44px;
  height: 3px;
  background: #DFBC51;
  margin: 10px 0 20px;
  border-radius: 2px;
}
.sm-speaker .elementor-widget-text-editor p {
  font-size: 16px !important;
  color: #555555 !important;
  line-height: 1.75 !important;
}

/* Credibility badge-i pod fotografijo */
.sm-speaker-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.sm-credibility-badge {
  display: inline-block;
  padding: 5px 13px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-family: 'Montserrat', sans-serif;
}
.sm-credibility-badge.gold { background: #DFBC51; color: #252525; }
.sm-credibility-badge.blue { background: #0BB3E7; color: #ffffff; }
.sm-credibility-badge.dark { background: #333333; color: #ffffff; }

/* Fotografija Smiljana */
.sm-speaker .elementor-image img {
  border-radius: 4px;
  filter: grayscale(15%);
}


/* ---------------------------------------------------------------
   SEKCIJA 9 — NAKON SEMINARA / PODRŠKA
   CSS Class: sm-podrska
   Vsebina: Heading · tekst · bulleti
   Ozadje: bež #f9f7f3
--------------------------------------------------------------- */
.sm-podrska {
  background: #f9f7f3 !important;
  padding: 80px 0 !important;
}
.sm-podrska .elementor-heading-title {
  font-weight: 800 !important;
  font-size: 34px !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sm-podrska ul {
  list-style: none !important;
  padding: 0 !important;
}
.sm-podrska ul li {
  padding: 10px 0 10px 28px !important;
  position: relative;
  font-size: 15px !important;
  color: #444 !important;
  border-bottom: 1px solid #e8e4dc;
  font-family: 'Montserrat', sans-serif;
}
.sm-podrska ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: #0BB3E7;
  font-weight: 700;
}


/* ---------------------------------------------------------------
   SEKCIJA 10 — ŠTO ODNOSIŠ
   CSS Class: sm-odnosis
   Vsebina: Heading · 2 stolpca bulletov
   Ozadje: #252525
--------------------------------------------------------------- */
.sm-odnosis {
  background: #252525 !important;
  padding: 90px 0 !important;
}
.sm-odnosis .elementor-heading-title {
  color: #DFBC51 !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  font-family: 'Montserrat', sans-serif !important;
}
.sm-odnosis ul {
  list-style: none !important;
  padding: 0 !important;
}
.sm-odnosis ul li {
  padding: 10px 0 10px 28px !important;
  position: relative;
  font-size: 15px !important;
  color: #dddddd !important;
  border-bottom: 1px solid #333333;
  font-family: 'Montserrat', sans-serif;
}
.sm-odnosis ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #DFBC51;
  font-weight: 800;
}


/* ---------------------------------------------------------------
   SEKCIJA 11 — FOOTER CTA + FORMA
   CSS Class: sm-cta-footer
   Vsebina: Heading · podnaslov · Elementor Form (Zoom integracija)
   Ozadje: #252525
--------------------------------------------------------------- */
.sm-cta-footer {
  background: #252525 !important;
  padding: 100px 0 90px !important;
  text-align: center;
}
.sm-cta-footer .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 42px !important;
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1.15 !important;
}
.sm-cta-footer .elementor-widget-text-editor p {
  color: #999999 !important;
  font-size: 16px !important;
}

/* Forma na temnem ozadju */
.sm-cta-footer .elementor-form .elementor-field-group input,
.sm-cta-footer .elementor-form .elementor-field-group select,
.sm-cta-footer .elementor-form .elementor-field-group textarea {
  background: #2e2e2e !important;
  border: 1px solid #444444 !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  padding: 14px 18px !important;
  transition: border-color 0.2s !important;
}
.sm-cta-footer .elementor-form .elementor-field-group input::placeholder {
  color: #777777 !important;
}
.sm-cta-footer .elementor-form .elementor-field-group input:focus {
  border-color: #DFBC51 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(223,188,81,0.15) !important;
}

/* Submit gumb */
.sm-cta-footer .elementor-form .elementor-button,
.sm-cta-footer .elementor-form button[type="submit"] {
  background: #DFBC51 !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 16px 42px !important;
  border-radius: 3px !important;
  border: none !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}
.sm-cta-footer .elementor-form .elementor-button:hover {
  background: #c9a83e !important;
  transform: translateY(-2px) !important;
}

/* Gumb zunaj forme (npr. v hero ali med vsebino) */
.sm-btn-gold .elementor-button {
  background: #DFBC51 !important;
  color: #252525 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 17px 44px !important;
  border-radius: 3px !important;
  border: none !important;
  transition: background 0.2s, transform 0.15s !important;
}
.sm-btn-gold .elementor-button:hover {
  background: #c9a83e !important;
  transform: translateY(-2px) !important;
}


/* ---------------------------------------------------------------
   HTML WIDGETI — prilepite direktno v Elementor HTML widget
--------------------------------------------------------------- */

/*
  === DATUM BADGE (hero sekcija) ===
  <div class="sm-datum">18. lipnja · Rijeka</div>

  === INFO BLOKI (datum / trajanje / lokacija) ===
  <div class="sm-event-info">
    <div class="sm-event-info-item">
      <span class="val">18. 6.</span>
      <span class="lbl">Datum</span>
    </div>
    <div class="sm-event-info-item">
      <span class="val">3h</span>
      <span class="lbl">Trajanje</span>
    </div>
    <div class="sm-event-info-item">
      <span class="val">Rijeka</span>
      <span class="lbl">Lokacija</span>
    </div>
  </div>

  === DIO BADGE (program sekcija) ===
  <span class="sm-badge-dio">Dio 1</span>
  <span class="sm-badge-dio">Dio 2</span>
  <span class="sm-badge-dio sm-badge-radionica">Radionica</span>

  === CREDIBILITY BADGES (speaker sekcija) ===
  <div class="sm-speaker-badges">
    <span class="sm-credibility-badge gold">20+ god. iskustva</span>
    <span class="sm-credibility-badge blue">Smart Money</span>
    <span class="sm-credibility-badge blue">MDRT</span>
    <span class="sm-credibility-badge gold">Expert to Empire</span>
    <span class="sm-credibility-badge dark">Balkani · Europa</span>
  </div>

  === ZŁATA LINIJA POD NASLOVOM ===
  <div class="sm-section-title-line"></div>

  === QUOTE / POUDARJEN STAVEK ===
  <div class="sm-quote">
    Bez plana, više novca često samo znači više troškova.
  </div>
*/


/* ---------------------------------------------------------------
   RESPONSIVNOST — mobilne naprave
--------------------------------------------------------------- */
@media (max-width: 767px) {
  .sm-hero .elementor-heading-title {
    font-size: 36px !important;
  }
  .sm-event-info {
    flex-wrap: wrap;
  }
  .sm-event-info-item {
    padding: 10px 18px;
  }
  .sm-cta-footer .elementor-heading-title {
    font-size: 28px !important;
  }
  .sm-hero .elementor-button {
    padding: 16px 28px !important;
    font-size: 12px !important;
  }
}


/* ---------------------------------------------------------------
   ELEMENTOR DIVIDER — zlatna barvna varianta
   Dodajte CSS Class: sm-divider na Divider widget
--------------------------------------------------------------- */
.sm-divider .elementor-divider-separator {
  border-color: #DFBC51 !important;
  border-width: 2px !important;
}/* End custom CSS */