/*
 * Jobalize — revisione grafica giallo/nero (28/09/2026)
 * Foglio di override caricato DOPO main.css (header.php). Per tornare alla grafica precedente
 * basta togliere la riga <link ... jz-brand.css> da header.php: main.css non e' stato toccato.
 * Palette: giallo del logo #f8cf29, nero #1b1b1b. Il blu (#2d48c3) e il verde (#43824f) del
 * template originale sono sostituiti ovunque; i colori "di stato" (rosso Sold out, ecc.) restano.
 */
:root { --jz-yellow: #f8cf29; --jz-yellow-dark: #e3b90f; --jz-black: #1b1b1b; --jz-soft: #f7f7f5; }

/* ---------- 1. Sostituzioni generate da main.css (blu/verde -> nero/giallo) ---------- */

.category-slide path,
.category-slide svg {
    fill: #1b1b1b !important
}

::-moz-selection {
    background: #f8cf29
}

::selection {
    background: #f8cf29
}

.btn-theme,
.btn-theme:hover {
    background: #1b1b1b;
    border-color: #1b1b1b
}

.btn-theme-2,
.btn-theme-2:hover {
    border-color: #1b1b1b;
    background: #1b1b1b
}

[data-overlay=theme-2]::before {
    background-color: #1b1b1b
}

[data-overlay=theme]::before {
    background-color: #1b1b1b
}

.featured-wrap:hover .content .icon {
    background: #1b1b1b
}

.contact-infos ul li a,
.featured-wrap .content .title a:hover {
    color: #1b1b1b
}

.footer-widget .widget-title span,
.hero-text .animated-title span,
.section-title .animated-title span {
    color: #1b1b1b
}

.animated-title span svg path {
    stroke: #f8cf29
}

.category-wrap .icon {
    color: #1b1b1b
}

.category-slider .slick-next:hover,
.category-slider .slick-prev:hover,
.events-slider .slick-next:hover,
.events-slider .slick-prev:hover {
    background: #1b1b1b;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .2)
}

.a-btn {
    background: #1b1b1b
}

.author-name:hover a,
.search-result-top .custom-tab a.nav-link.active,
.section-title-5 p a:hover,
.widget-title span,
.work-wrap-4 .icon .num {
    color: #1b1b1b
}

#loading:is(.loading-2) {
    background-color: #1b1b1b
}

#loading:is(.loading-4) {
    background-color: #1b1b1b
}

.featured-wrap .content .icon {
    color: #1b1b1b
}

.featured-wrap .content .rating {
    color: #1b1b1b
}

.featured-wrap .content .extra-info span i {
    color: #1b1b1b
}

.work-wrap .icon .num {
    color: #1b1b1b
}

.footer-area-2 .about-widget .social-logo a {
    background: #1b1b1b
}

.news-gallery2 ul.slick-dots li.slick-active button:before {
    background: #f8cf29
}

.counter-shape,
.counter-wrap .icon,
.counter-wrap:hover,
.team-wrap:hover .content,
.team-wrap:hover .thumb .team-social {
    background: #1b1b1b
}

.counter-wrap:hover .icon {
    color: #1b1b1b
}

.counter-wrap .content h3 .prefix,
.icon-default {
    color: #1b1b1b
}

.counter-wrap-3 .icon {
    background: #1b1b1b
}

.team-wrap .content span {
    color: #1b1b1b
}

.answere-form form button {
    background: #1b1b1b
}

.address-icon i {
    color: #1b1b1b
}

.single-address:hover .address-icon i,
.tagcloud a:hover {
    background-color: #1b1b1b
}

.single-address:hover .address-desc a.generic-btn {
    background-color: #1b1b1b;
    border-color: #1b1b1b
}

.widget-btn button {
    background: #1b1b1b
}

.search-btn {
    background: #1b1b1b
}

.widget-list a:hover {
    background-color: #1b1b1b
}

.open-mobile-menu a {
    color: #1b1b1b
}

.contact-infos ul li {
    color: #1b1b1b
}

.contact-infos ul li i {
    color: #1b1b1b
}

.sidebar__menu--social a::before {
    background: #1b1b1b
}

.desc-box span.first-letter,
.f-sm-btn {
    background: #1b1b1b
}

.author-name i {
    color: #1b1b1b
}

.f-sm-btn:hover {
    color: #1b1b1b
}

.rating-count span:is(.theme-color) {
    color: #1b1b1b
}

.review-content h5:hover a {
    color: #1b1b1b
}

.review-condition label::after {
    color: #1b1b1b
}

.btn-default {
    background: #1b1b1b
}

.address-list li i {
    color: #1b1b1b
}

.m-btn {
    background: #1b1b1b
}

.calendar-modal-content h3 {
    color: #1b1b1b
}

.calendar-modal-content .close-span,
.suggested-modal-content .close-span {
    color: #1b1b1b
}

.capacity-wrapper,
.ticket-btn {
    background-color: #1b1b1b
}

.current-user {
    color: #1b1b1b !important
}

.home-featured-events .icon {
    background-color: #1b1b1b !important
}

.home-featured-events .btn-pos-2 a {
    background-color: #1b1b1b
}

.cst-chart-title {
    color: #1b1b1b
}

.update-profile-modal {
    background-color: #1b1b1b
}

.category-wrap-2 .content h4 a:hover {
    color: #1b1b1b
}

.category-wrap-2 .read-more a {
    color: #1b1b1b
}

.category-wrap-2 .read-more a:hover {
    background: #1b1b1b
}

.category-sliderxx .slick-next:hover {
    background: #1b1b1b;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.2)
}

.category-sliderxx .slick-prev:hover {
    background: #1b1b1b;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.2)
}

/* ---------- 2. Pulsanti principali: giallo con testo nero, hover nero con testo giallo ---------- */
.btn-default,
.btn-theme,
.btn-theme:hover,
.m-btn,
.a-btn,
.search-btn,
.widget-btn button,
.answere-form form button,
.home-featured-events .btn-pos-2 a,
.ticket-btn {
    background: var(--jz-yellow);
    border-color: var(--jz-yellow);
    color: var(--jz-black);
}
.btn-default:hover,
.btn-default:focus,
.m-btn:hover,
.a-btn:hover,
.search-btn:hover,
.widget-btn button:hover,
.answere-form form button:hover,
.home-featured-events .btn-pos-2 a:hover,
.ticket-btn:hover {
    background: var(--jz-black);
    border-color: var(--jz-black);
    color: var(--jz-yellow);
}
.btn-theme-2,
.btn-theme-2:hover { background: var(--jz-black); border-color: var(--jz-black); color: #fff; }

/* ---------- 3. Dettagli ---------- */
::selection { color: var(--jz-black); }
::-moz-selection { color: var(--jz-black); }

/* Scheda attiva (profilo, tab Company Events / Employees...) con sottolineatura gialla */
.search-result-top .custom-tab a.nav-link.active { box-shadow: inset 0 -3px 0 var(--jz-yellow); }

/* Titoli dei grafici nel profilo admin */
.cst-chart-title { color: var(--jz-black); box-shadow: inset 0 -3px 0 var(--jz-yellow); }

/* Link email nel footer (era il blu di default del browser) */
.footer-widget-2.contact-widget ul li a { color: var(--jz-yellow); }
.footer-widget-2.contact-widget ul li a:hover { color: #fff; }

/* Riquadro capienza evento */
.capacity-wrapper { background-color: var(--jz-black); color: var(--jz-yellow); border-color: var(--jz-yellow); }


/* Box punti premio del profilo (era azzurrino) */
.rating-count { background: var(--jz-soft); }

/* Stili inline delle pagine (definiti dopo questo file): selettori con "body" per prevalere */
body .close-table-span { color: var(--jz-black); }
body #save-hobbies-button { background-color: var(--jz-yellow); color: var(--jz-black); }
body #save-hobbies-button:hover { background-color: var(--jz-black); color: var(--jz-yellow); }

/* Badge "da fare" dentro la voce di menu attiva (pillola gialla): badge nero per restare leggibile */
.main-menu ul li.active .jz-nav-badge { background: var(--jz-black); color: var(--jz-yellow) !important; }

/* Community: pulsante "+" (aggiungi hobby) era blu in stile inline */
.btn-circle.btn-plus { background-color: var(--jz-black) !important; color: var(--jz-yellow) !important; }
.btn-circle.btn-plus i { color: var(--jz-yellow) !important; }