/* =============================================
   HOMCATCH - Custom Theme Override
   Couleurs: Orange #FF6B00 | Noir #1a1a1a
   ============================================= */

/* === VARIABLES COULEURS HOMCATCH === */
:root {
    --hc-orange: #FF6B00;
    --hc-orange-dark: #cc5500;
    --hc-orange-light: #ff8c33;
    --hc-black: #1a1a1a;
    --hc-black-soft: #2d2d2d;
    --hc-white: #ffffff;
}

/* === NAVBAR === */
.navbar-default {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.navbar-default .navbar-brand {
    padding: 8px 15px;
}
.navbar-default .navbar-brand img {
    max-height: 45px;
    width: auto;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #FF6B00 !important;
    color: #ffffff !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #FF6B00 !important;
    color: #ffffff !important;
}
.navbar-default .navbar-toggle {
    border-color: #FF6B00;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FF6B00;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #FF6B00;
}

/* === BOUTON NEW TICKET === */
.new_ticket,
a.new_ticket,
.navbar-default .navbar-nav > li > a.new_ticket {
    background: linear-gradient(-90deg, #cc5500, #FF6B00) !important;
    color: #ffffff !important;
    border-radius: 3px;
}
.navbar-default .navbar-nav > li > a.new_ticket:hover {
    background: #cc5500 !important;
    color: #ffffff !important;
}

/* === GRADIENT BUTTONS & TITLES === */
.basic-button,
.table-section .title a,
.modal-header {
    background: linear-gradient(-90deg, #cc5500, #FF6B00) !important;
}
.basic-button:hover,
.table-section .title a:hover {
    background: #cc5500 !important;
}
.basic-button.red {
    background: #FF6B00 !important;
}

/* === MODAL === */
.modal-header {
    background: linear-gradient(-90deg, #cc5500, #FF6B00) !important;
    color: #ffffff !important;
}

/* === PAGINATION === */
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
    background: linear-gradient(-90deg, #cc5500, #FF6B00) !important;
    border-color: #FF6B00 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
    background: #FF6B00 !important;
    border-color: #FF6B00 !important;
    color: #ffffff !important;
}

/* === DROPDOWN MENU === */
.navbar-nav > li > .dropdown-menu {
    border-top: #FF6B00 solid 2px !important;
}

/* === FILE UPLOAD BUTTON === */
.file-upload-button {
    background-color: #FF6B00 !important;
}
.file-upload-button:hover {
    background-color: #cc5500 !important;
}

/* === TICKET STATUS === */
.ticket-status.open {
    background-color: #FF6B00 !important;
}
.ticket-status.pending {
    background-color: #cc5500 !important;
}
.ticket-status.replied {
    background-color: #1a1a1a !important;
}

/* === TICKET DETAIL DATE/TIME === */
.ticket-detail-box .title span.date {
    color: #FF6B00 !important;
}
.ticket-detail-box .title span.time {
    color: #cc5500 !important;
}
.ticket-detail-box .title a.basic-button {
    background: #FF6B00 !important;
}

/* === REPLY BUTTON === */
.button-box .btn-reply {
    background-color: #FF6B00 !important;
    border-bottom: 2px solid #cc5500 !important;
}
.button-box .btn-reply:hover {
    background: #cc5500 !important;
}
.button-box .btn-close {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #000000 !important;
}
.button-box .btn-close:hover {
    background: #000000 !important;
}

/* === TABS === */
.content .nav-tabs li a:hover {
    border-bottom: #FF6B00 solid 3px !important;
}
.content .nav-tabs li a i {
    color: #FF6B00 !important;
}
.content .nav-tabs li.active a {
    border-bottom: #FF6B00 solid 3px !important;
}

/* === FAQ TAB ICONS === */
.tab-content .tab-text a i {
    background: linear-gradient(-90deg, #cc5500, #FF6B00) !important;
}

/* === SLICK ARROWS === */
.slick-prev:before,
.slick-next:before {
    color: #FF6B00 !important;
}

/* === FOOTER SOCIAL === */
.footer .footer-content .section-one .social-icon ul li a:hover {
    color: #FF6B00 !important;
}

/* === CATEGORY SIDEBAR STATUS === */
.category-one .catege-one ul li a.replied {
    color: #1a1a1a !important;
}
.category-one .catege-one ul li a.pending {
    color: #FF6B00 !important;
}
.category-one .catege-one ul li a.open {
    color: #FF6B00 !important;
}

/* === SEARCH BOX HOME === */
.box {
    background-color: #1a1a1a !important;
}
.color, .color1, .color2 {
    color: #FF6B00 !important;
}

/* === LOGO SIZE IN NAVBAR === */
.navbar-brand img {
    max-height: 50px !important;
    width: auto !important;
}

/* === ADMIN SIDEBAR (if any) === */
.sidebar-menu .active a,
.sidebar-menu a:hover {
    color: #FF6B00 !important;
}