/* ============================================
   RADI PAMETNIJE - Brand Override CSS
   Primarna: #0E3636 (tamno zelena)
   Sekundarna: #FBC458 (zlatna/žuta)
   Accent: #02A272 (svijetlo zelena)
   Crvena: #A7272D
   Plava: #00BBFF
   Tamna: #082827

   Font naslovi: Staatliches
   Font body: Poppins
   ============================================ */

/* ---- CSS VARIJABLE ---- */
:root {
    --rp-primary: #0E3636;
    --rp-secondary: #FBC458;
    --rp-accent: #02A272;
    --rp-red: #A7272D;
    --rp-blue: #00BBFF;
    --rp-dark: #082827;
    --rp-font-heading: "Staatliches", cursive;
    --rp-font-body: "Poppins", sans-serif;
}

/* ============================================
   GLOBALNI FONT OVERRIDE
   ============================================ */

body {
    font-family: var(--rp-font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.main-title,
.hero-title,
.meeta-hero-section-4 .hero-content .title,
.meeta-section-title .main-title,
.meeta-section-title-2 .main-title,
.testimonial-name,
.widget-title,
.register-title,
.price_title {
    font-family: var(--rp-font-heading) !important;
}

p, a, li, span, input, button, textarea,
.meeta-about-content p,
.feature-content p,
.single-testimonial p,
.footer-widget p,

.meeta-hero-content .text {
    font-family: var(--rp-font-body) !important;

}
.btn-2{
    border-radius: 5px !important;
}
/* ============================================
   SUBTITLE OVERRIDE (pink → zlatna)
   ============================================ */

.meeta-section-title .sub-title,
.meeta-section-title-2 .sub-title,
.sub-title {
    color: var(--rp-secondary) !important;
    font-family: var(--rp-font-body) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* ============================================
   BOJA LINKOVA I AKCENATA
   #A7272D → #FBC458 (zlatna) ili #02A272 (zelena)
   ============================================ */

/* Primarni pink akcent → zlatna */
a:hover,
.main-menu li a:hover,
.main-menu li a.active,
.main-menu .active-menu > a {
    color: var(--rp-secondary) !important;
}

/* ============================================
   GUMBOVI
   ============================================ */

/* btn-2 (CTA gumbi) - zlatna pozadina, tamni tekst */
.btn-2 {
    background-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
    border-color: var(--rp-secondary) !important;
    font-family: var(--rp-font-body) !important;
    font-weight: 600 !important;
}

.btn-2:hover {
    background-color: #e5af3d !important;
    border-color: #e5af3d !important;
    color: var(--rp-primary) !important;
}

/* btn-primary */
.btn-primary,
.btn.btn-primary {
    background-color: var(--rp-secondary) !important;
    border-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
    font-family: var(--rp-font-body) !important;
    font-weight: 600 !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: #e5af3d !important;
    border-color: #e5af3d !important;
    color: var(--rp-primary) !important;
}

/* btn-3 */
.btn.btn-3.btn-primary {
    background-color: var(--rp-secondary) !important;
    border-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
}

.btn.btn-3.btn-primary:hover {
    background-color: #e5af3d !important;
    border-color: #e5af3d !important;
}

/* btn-outline */
.btn-outline-primary {
    border-color: var(--rp-secondary) !important;
    color: var(--rp-secondary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
}

/* ============================================
   HEADER
   ============================================ */

.header-sticky.sticky {
    background-color: var(--rp-primary) !important;
}

.meeta-header-3 .header-middle {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* Menu linkovi - PRIJE scrolla (transparentan header, svijetla pozadina) */
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li a {
    color: var(--rp-primary) !important;
}

.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li.menu-item-has-children > a::after {
    color: var(--rp-primary) !important;
}

/* Menu linkovi - hover i active */
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li:hover > a,
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li.active-menu > a {
    color: var(--rp-primary) !important;
    text-decoration: underline;
}

.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li:hover.menu-item-has-children > a::after,
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu li.active-menu > a::after {
    color: var(--rp-secondary) !important;
}

/* Menu linkovi - STICKY header (nakon scrolla) — bijeli ostaju */
.meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li > a {
    color: #fff !important;
}

.meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li.menu-item-has-children > a::after {
    color: #fff !important;
}

.meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li:hover > a,
.meeta-header-3 .header-middle.sticky .header-wrap .header-navigation .main-menu > li.active-menu > a {
    color: var(--rp-secondary) !important;
}

/* Sub-menu */
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu .sub-menu {
    background-color: var(--rp-primary) !important;
    border-top: 3px solid var(--rp-secondary) !important;
}

.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu .sub-menu li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu .sub-menu li a:hover,
.meeta-header-3 .header-middle .header-wrap .header-navigation .main-menu .sub-menu li a.active {
    color: var(--rp-secondary) !important;
}

/* Header CTA gumb */
.meeta-header-3 .header-btn .btn-2 {
    background-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
    border-color: var(--rp-secondary) !important;
}

.meeta-header-3 .header-btn .btn-2:hover {
    background-color: #e5af3d !important;
    border-color: #e5af3d !important;
}

/* ============================================
   HERO SECTION (index-4 style)
   ============================================ */

.meeta-hero-section-4 {
    background-color: var(--rp-primary) !important;
}

.meeta-hero-section-4::before {
    background: linear-gradient(to right, rgba(14, 54, 54, 0.85), rgba(14, 54, 54, 0.4)) !important;
}

/* Datum */
.meeta-hero-section-4 .hero-content .hero-date .date {
    color: var(--rp-secondary) !important;
    font-family: var(--rp-font-heading) !important;
}

.meeta-hero-section-4 .hero-content .hero-date .year {
    color: #fff !important;
    font-family: var(--rp-font-body) !important;
}

/* Mjesto — pill badge */
.meeta-hero-section-4 .hero-content .place {
    background: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
    font-family: var(--rp-font-body) !important;
}

/* Naslov */
.meeta-hero-section-4 .hero-content .title {
    color: #fff !important;
    font-family: var(--rp-font-heading) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ============================================
   ABOUT / O PROJEKTU SEKCIJA
   ============================================ */

.meeta-section-title .main-title,
.meeta-section-title-2 .main-title {
    color: var(--rp-primary) !important;
}

.meeta-about-content p {
    color: #555 !important;
}

.meeta-about-content p strong {
    color: var(--rp-primary) !important;
}

/* About counter items */
.single-about-counter .about-count {
    color: var(--rp-secondary) !important;
}

/* ============================================
   SPONZORI / POVJERENJE SEKCIJA
   ============================================ */

.meeta-event-sponsors {
    background-color: var(--rp-primary) !important;
}

.meeta-event-sponsors .main-title {
    color: #fff !important;
}

/* ============================================
   FEATURES / EDUKACIJE + EVENTI
   ============================================ */

.feature-item {
    border-top: 3px solid transparent;
    transition: border-color 0.3s ease;
}

.feature-item:hover {
    border-top-color: var(--rp-secondary) !important;
}

.feature-content .title {
    color: var(--rp-primary) !important;
}

.feature-content .title a {
    color: var(--rp-primary) !important;
}

.feature-content .title a:hover {
    color: var(--rp-secondary) !important;
}

/* ============================================
   TESTIMONIALS / IZJAVE SUDIONIKA
   Bijela pozadina, brand boje na tekstu
   ============================================ */

/* Dekorativni krug — accent zelena umjesto plave */
.meeta-testimonial .testimonial-shape-01 {
    border-color: var(--rp-accent) !important;
}

/* Section naslov i podnaslov */
.meeta-testimonial .meeta-section-title .sub-title {
    color: var(--rp-secondary) !important;
}

.meeta-testimonial .meeta-section-title .main-title {
    color: var(--rp-primary) !important;
}

/* Tekst izjave — tamnozelena, brand font, zlatni underline */
.single-testimonial p {
    color: var(--rp-primary) !important;
    font-family: var(--rp-font-heading) !important;
    text-decoration-color: var(--rp-secondary) !important;
    -webkit-text-decoration-color: var(--rp-secondary) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* Ime sudionika */
.single-testimonial .testimonial-name {
    color: var(--rp-primary) !important;
}

/* Titula / pozicija sudionika */
.single-testimonial .testimonial-name span {
    color: var(--rp-accent) !important;
    font-family: var(--rp-font-body) !important;
}

/* Quote SVG shape → zlatna */
.testimonial-shape svg path {
    fill: var(--rp-secondary) !important;
}

/* Swiper strelice → tamnozelena */
.meeta-testimonial-active .swiper-button-next::after,
.meeta-testimonial-active .swiper-button-prev::after {
    color: var(--rp-primary) !important;
}

/* ============================================
   FOOTER
   ============================================ */

.meeta-footer-section,
.meeta-footer-3 {
    background-color: var(--rp-primary) !important;
}

.footer-widget .widget-title {
    color: var(--rp-secondary) !important;
}

.footer-widget a,
.footer-widget p,
.footer-widget span,
.widget-info a,
.widget-info span {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-widget a:hover,
.widget-info a:hover {
    color: var(--rp-secondary) !important;
}

.footer-copyright p {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Footer newsletter input */
.widget-form .form-control {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.widget-form button {
    background-color: var(--rp-secondary) !important;
    color: var(--rp-primary) !important;
}

/* Footer social ikone */
.footer-widget-social a {
    color: rgba(255, 255, 255, 0.6) !important;
}

.footer-widget-social a:hover {
    color: var(--rp-secondary) !important;
}

/* ============================================
   PRELOADER
   ============================================ */

.preloader span {
    background-color: var(--rp-secondary) !important;
}

/* ============================================
   BACK TO TOP
   ============================================ */

.progress-wrap::after {
    color: var(--rp-primary) !important;
}

.progress-wrap svg path {
    stroke: var(--rp-secondary) !important;
}

.progress-wrap.active-progress {
    background-color: var(--rp-secondary) !important;
}

/* ============================================
   OFFCANVAS / MOBILE MENU
   ============================================ */

.offcanvas {
    background-color: var(--rp-primary) !important;
}

.offcanvas .main-menu li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.offcanvas .main-menu li a:hover,
.offcanvas .main-menu li a.active {
    color: var(--rp-secondary) !important;
}

.offcanvas .close-btn {
    color: #fff !important;
}

/* ============================================
   SCROLLBAR / SELECTION
   ============================================ */

::selection {
    background-color: var(--rp-secondary);
    color: var(--rp-primary);
}

/* ============================================
   AS SEEN ON (mediji traka) override
   ============================================ */

.meeta-event-sponsors-3 {
    background-color: #f9f9f9 !important;
}
.header-middle.header-sticky.sticky .header-toggle button span {
background: #ffffff;
}