/* ===================================================
   MoneyJob Custom Theme — Accent Color #f27e00
   =================================================== */

:root {
    --mj-accent: #f27e00;
    --mj-accent-rgb: 242, 126, 0;
    --mj-accent-hover: #d96e00;
    --mj-accent-light: #fff3e0;
    --mj-accent-dark: #b35e00;

    /* Override Bootstrap primary */
    --bs-primary: #f27e00;
    --bs-primary-rgb: 242, 126, 0;
    --bs-primary-text-emphasis: #b35e00;
    --bs-primary-bg-subtle: #fde8cc;
    --bs-primary-border-subtle: #f9c580;
    --bs-link-color: #f27e00;
    --bs-link-hover-color: #d96e00;
    --bs-link-color-rgb: 242, 126, 0;
}

/* ===================================================
   Buttons — Primary
   =================================================== */
.btn-primary {
    --bs-btn-bg: #f27e00;
    --bs-btn-border-color: #f27e00;
    --bs-btn-hover-bg: #d96e00;
    --bs-btn-hover-border-color: #c56300;
    --bs-btn-active-bg: #c56300;
    --bs-btn-active-border-color: #b35e00;
    --bs-btn-disabled-bg: #f27e00;
    --bs-btn-disabled-border-color: #f27e00;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
}

.btn-outline-primary {
    --bs-btn-color: #f27e00;
    --bs-btn-border-color: #f27e00;
    --bs-btn-hover-bg: #f27e00;
    --bs-btn-hover-border-color: #f27e00;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #d96e00;
    --bs-btn-active-border-color: #d96e00;
    --bs-btn-active-color: #fff;
}

/* ===================================================
   Backgrounds — Primary
   =================================================== */
.bg-primary {
    background-color: #f27e00 !important;
}

.text-primary {
    color: #f27e00 !important;
}

/* ===================================================
   Links
   =================================================== */
a {
    color: #f27e00;
}
a:hover {
    color: #d96e00;
}
.link-primary {
    color: #f27e00 !important;
}
.link-primary:hover {
    color: #d96e00 !important;
}

/* ===================================================
   Navbar
   =================================================== */
header .navbar .nav-link:hover,
header .navbar .nav-link:focus {
    color: #f27e00 !important;
}
header .navbar .nav-link.active {
    color: #f27e00 !important;
}

/* ===================================================
   Hero / Search section CTA buttons
   =================================================== */
.hero-wrap .btn-primary {
    background: #f27e00;
    border-color: #f27e00;
    color: #fff;
}
.hero-wrap .btn-primary:hover {
    background: #d96e00;
    border-color: #d96e00;
}

/* Search button in search bar */
.home-search-form .btn-primary,
.home-search-form .btn {
    background: #f27e00 !important;
    border-color: #f27e00 !important;
    color: #fff !important;
}
.home-search-form .btn-primary:hover,
.home-search-form .btn:hover {
    background: #d96e00 !important;
    border-color: #d96e00 !important;
}

/* ===================================================
   Homepage Categories Section
   =================================================== */
.card-header.bg-primary {
    background: linear-gradient(135deg, #f27e00, #ff9a2e) !important;
    border-color: #f27e00 !important;
}
.card-header.bg-success {
    background: linear-gradient(135deg, #198754, #20a86d) !important;
}

/* Category subcategory icons */
.list-group-item .text-primary {
    color: #f27e00 !important;
}
.badge.bg-primary.bg-opacity-10 {
    background-color: rgba(242, 126, 0, 0.1) !important;
}

/* ===================================================
   Post detail page badges
   =================================================== */
.badge.bg-primary {
    background-color: #f27e00 !important;
}
.badge.bg-info {
    background-color: #17a2b8 !important;
}

/* ===================================================
   Form elements — Focus state
   =================================================== */
.form-control:focus,
.form-select:focus {
    border-color: #f9c580;
    box-shadow: 0 0 0 0.2rem rgba(242, 126, 0, 0.25);
}
.form-check-input:checked {
    background-color: #f27e00;
    border-color: #f27e00;
}
.form-check-input:focus {
    border-color: #f9c580;
    box-shadow: 0 0 0 0.2rem rgba(242, 126, 0, 0.25);
}

/* ===================================================
   Pagination
   =================================================== */
.pagination .page-link {
    color: #f27e00;
}
.pagination .page-item.active .page-link {
    background-color: #f27e00;
    border-color: #f27e00;
    color: #fff;
}
.pagination .page-link:hover {
    color: #d96e00;
    background-color: var(--mj-accent-light);
}

/* ===================================================
   Cards & Listing items
   =================================================== */
.item-list .item-details h5 a:hover,
.listing-card h5 a:hover,
.card-title a:hover {
    color: #f27e00 !important;
}

/* Price tag */
.price-tag,
.item-list .price,
.listing-card .price {
    color: #f27e00;
    font-weight: bold;
}

/* ===================================================
   Register page — User type cards
   =================================================== */
.user-type-card.border-primary {
    border-color: #f27e00 !important;
}
.user-type-card.bg-primary {
    background-color: #f27e00 !important;
}
.user-type-card.bg-opacity-10.bg-primary {
    background-color: rgba(242, 126, 0, 0.1) !important;
}
.user-type-card .text-primary {
    color: #f27e00 !important;
}

/* ===================================================
   Sidebar filters
   =================================================== */
.sidebar .btn-primary,
.sidebar .btn-secondary {
    background-color: #f27e00;
    border-color: #f27e00;
    color: #fff;
}
.sidebar .btn-primary:hover,
.sidebar .btn-secondary:hover {
    background-color: #d96e00;
    border-color: #d96e00;
}

/* noUiSlider accent */
.noUi-connect {
    background: #f27e00 !important;
}
.noUi-handle {
    border-color: #f27e00 !important;
}

/* ===================================================
   Footer
   =================================================== */
footer a:hover {
    color: #f27e00 !important;
}

/* ===================================================
   Select2 accent
   =================================================== */
.select2-container--bootstrap-5 .select2-results__option--selected,
.select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: #f27e00 !important;
    color: #fff !important;
}

/* ===================================================
   Breadcrumb accent
   =================================================== */
.breadcrumb-item.active {
    color: #f27e00;
}
.breadcrumb-item a {
    color: #f27e00;
}
.breadcrumb-item a:hover {
    color: #d96e00;
}

/* ===================================================
   Category modal links
   =================================================== */
.modal-cat-link:hover {
    color: #f27e00 !important;
}

/* ===================================================
   Spinner / Loading
   =================================================== */
.spinner-border {
    color: #f27e00;
}

/* ===================================================
   Account sidebar — Active menu item
   =================================================== */
.list-group-item.active {
    background-color: #f27e00;
    border-color: #f27e00;
    color: #fff;
}
.list-group-item.active a {
    color: #fff !important;
}

/* ===================================================
   Header — "Creaza anunt" button (btn-highlight)
   =================================================== */
.btn-highlight {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f27e00;
    --bs-btn-border-color: #f27e00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d96e00;
    --bs-btn-hover-border-color: #c56300;
    --bs-btn-focus-shadow-rgb: 242, 126, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c56300;
    --bs-btn-active-border-color: #b35e00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f27e00;
    --bs-btn-disabled-border-color: #f27e00;
}

/* ===================================================
   Messenger — Nav pills (inbox/unread/started/important)
   =================================================== */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #f27e00;
    color: #fff;
}
.nav-pills .nav-link:not(.active) {
    color: #f27e00;
}
.nav-pills .nav-link:hover:not(.active) {
    color: #d96e00;
}
.text-bg-primary {
    background-color: #f27e00 !important;
    color: #fff !important;
}

/* ===================================================
   Scrollbar accent (Webkit)
   =================================================== */
::-webkit-scrollbar-thumb {
    background-color: rgba(242, 126, 0, 0.4);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(242, 126, 0, 0.6);
}

/* ===================================================
   GDPR Cookie Consent Banner
   =================================================== */
.gdpr-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #162840;
    color: #e2e8f0;
    padding: .875rem 1.25rem;
    box-shadow: 0 -4px 24px rgba(0,0,0,.35);
}
.gdpr-banner__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}
.gdpr-banner__icon {
    font-size: 1.75rem;
    flex-shrink: 0;
    display: none;
}
@media (min-width: 768px) {
    .gdpr-banner__icon { display: block; }
}
.gdpr-banner__text {
    flex: 1;
    min-width: 200px;
    font-size: .85rem;
    line-height: 1.5;
}
.gdpr-banner__text strong { color: #f59e0b; }
.gdpr-link { color: #93c5fd; text-decoration: underline; }
.gdpr-link:hover { color: #bfdbfe; }
.gdpr-banner__actions {
    display: flex;
    gap: .5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
}
.gdpr-btn {
    white-space: nowrap;
    border: 1px solid rgba(255,255,255,.45);
    background: transparent;
    color: #e2e8f0;
    padding: .35rem .85rem;
    border-radius: .375rem;
    font-size: .825rem;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.gdpr-btn--outline:hover {
    border-color: #fff;
    background: rgba(255,255,255,.1);
}
.gdpr-btn--accept {
    background: #f59e0b;
    border-color: #f59e0b;
    color: #1a1a1a;
    font-weight: 600;
}
.gdpr-btn--accept:hover {
    background: #d97706;
    border-color: #d97706;
    color: #000;
}
@media (max-width: 576px) {
    .gdpr-banner__actions { width: 100%; justify-content: center; }
    .gdpr-banner__text { font-size: .8rem; }
}