/* 
 * Pet Outlet Theme Colors
 * Gold / Orange / Dark scheme for pet shop branding
 * Replaces SELFIT sky-blue theme
 */

/* ============================================
   PET OUTLET COLOR PALETTE
   Primary:   #E8A500 (Gold)
   Secondary: #D4760A (Orange)
   Accent:    #F5B041 (Light Gold)
   Dark:      #333333 (Charcoal)
   Text:      #333333
   Background:#FFFFFF
   ============================================ */

/* Primary Color Applications */
.btn-primary,
.bg-primary,
.badge-primary,
.text-theme,
.theme-bg {
    background-color: var(--color-primary, #E8A500) !important;
}

.text-primary,
.theme-cl {
    color: var(--color-primary, #E8A500) !important;
}

.border-primary {
    border-color: var(--color-primary, #E8A500) !important;
}

/* Secondary Color Applications */
.btn-secondary,
.bg-secondary,
.badge-secondary {
    background-color: var(--color-secondary, #D4760A) !important;
}

.text-secondary {
    color: var(--color-secondary, #D4760A) !important;
}

/* Accent Color Applications */
.btn-accent,
.badge-warning,
.badge-success {
    background-color: var(--color-accent, #F5B041) !important;
}

.text-accent,
.text-warning {
    color: var(--color-accent, #F5B041) !important;
}

/* Background Color - scoped, don't override .card globally */
body {
    background-color: #FFFFFF;
}

/* Links with Primary Color */
a:hover,
.nav-link:hover,
.dropdown-item:hover {
    color: var(--color-primary, #E8A500) !important;
}

/* Buttons Hover States */
.btn-primary:hover {
    background-color: var(--color-secondary, #D4760A) !important;
}

.btn-secondary:hover {
    background-color: var(--color-primary, #E8A500) !important;
}

/* Header/Navigation */
.header,
.navbar,
.nav-menu {
    background-color: var(--color-background, #FFFFFF) !important;
}

.navbar-brand,
.nav-link {
    color: var(--color-text, #333333) !important;
}

/* Footer */
.footer {
    background-color: var(--color-background, #FFFFFF) !important;
    color: var(--color-text, #333333) !important;
}

/* Borders */
.border,
.card,
.form-control {
    border-color: rgba(51, 51, 51, 0.1) !important;
}

/* Special Elements */
.badge-primary {
    background-color: var(--color-primary, #E8A500) !important;
    color: #fff !important;
}

.alert-primary {
    background-color: var(--color-primary, #E8A500) !important;
    border-color: var(--color-primary, #E8A500) !important;
    color: #fff !important;
}

/* Product Cards */
.product-card:hover {
    border-color: var(--color-primary, #E8A500) !important;
}

/* Price Tags */
.price,
.product-price {
    color: var(--color-accent, #D4760A) !important;
}

/* Icons */
.icon-primary {
    color: var(--color-primary, #E8A500) !important;
}

/* Active States - scoped to navigation only */
.nav-link.active,
.nav-pills .active,
.btn.active {
    color: var(--color-primary, #E8A500) !important;
    background-color: rgba(232, 165, 0, 0.1) !important;
}

/* Tab pane should NOT have colored background */
.tab-pane.active {
    background-color: transparent !important;
}

/* Clean tab navigation */
.simple_tab_links {
    border: none !important;
    border-bottom: none !important;
}

.simple_tab_links .nav-link {
    border: none !important;
    background-color: transparent !important;
    padding: 10px 20px !important;
    margin: 0 5px !important;
    font-weight: 500 !important;
    color: var(--color-text, #333333) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.simple_tab_links .nav-link:hover {
    color: var(--color-primary, #E8A500) !important;
}

.simple_tab_links .nav-link.active {
    color: var(--color-primary, #E8A500) !important;
    background-color: transparent !important;
    border: none !important;
}

.simple_tab_links .nav-link.active::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: 2px !important;
    background-color: var(--color-primary, #E8A500) !important;
}

/* Remove ALL nav-tabs default styling */
.nav-tabs {
    border: none !important;
    border-bottom: none !important;
}

.nav-tabs .nav-item {
    border: none !important;
}

.nav-tabs .nav-link {
    border: none !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border: none !important;
}

.nav-tabs .nav-link::before {
    display: none !important;
}

/* Professional Language Dropdown Styling */
.nav-menu-social .dropdown .dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    background-color: rgba(232, 165, 0, 0.05) !important;
    border: 1px solid rgba(232, 165, 0, 0.2) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.nav-menu-social .dropdown .dropdown-toggle:hover {
    background-color: rgba(232, 165, 0, 0.1) !important;
    border-color: var(--color-primary, #E8A500) !important;
}

.nav-menu-social .dropdown .dropdown-toggle::after {
    margin-left: 4px !important;
    border-top-color: var(--color-primary, #E8A500) !important;
}

.nav-menu-social .dropdown-menu {
    min-width: 140px !important;
    padding: 8px 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin-top: 8px !important;
}

.nav-menu-social .dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--color-text, #333333) !important;
    transition: all 0.15s ease !important;
}

.nav-menu-social .dropdown-menu .dropdown-item:hover {
    background-color: rgba(232, 165, 0, 0.08) !important;
    color: var(--color-primary, #E8A500) !important;
}

/* Cart & Wishlist Sidebar Styling */
.slide-head {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    color: #fff !important;
    border-bottom: none !important;
}

.slide-head .cart_heading,
.slide-head h4 {
    color: #fff !important;
}

.slide-head .close_sidebar {
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.slide-head .close_sidebar i {
    color: #fff !important;
    font-size: 12px !important;
}

/* Cart Action Buttons */
.cart_action .btn-dark {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.cart_action .btn-dark:hover {
    background: linear-gradient(135deg, #D4760A, #B5630A) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(232, 165, 0, 0.4) !important;
}

.cart_action .btn-dark-light {
    background: transparent !important;
    border: 2px solid #E8A500 !important;
    border-radius: 8px !important;
    color: #E8A500 !important;
    font-weight: 600 !important;
}

.cart_action .btn-dark-light:hover {
    background: rgba(232, 165, 0, 0.1) !important;
    color: #D4760A !important;
}

/* Cart Sidebar Content - White Background */
.w3-ch-sideBar,
#Cart,
#Wishlist,
.right-ch-sideBar,
.cart_select_items,
.wishlist_select_items,
.cart-item-wrapper,
.wishlist-item-wrapper,
.rightMenu-scroll,
#cart-content,
#wishlist-content,
.cart_selected_single_thumb,
.cart_selected_single_thumb img,
.cart_single {
    background: #fff !important;
}

/* Subtotal section in cart */
.right-ch-sideBar .d-flex.br-top.br-bottom,
.right-ch-sideBar>.d-flex,
#Cart .d-flex.br-top,
#Cart .d-flex.br-bottom {
    background: #fff !important;
}

.cart_action {
    background: #fff !important;
}

/* ============================================
   GLOBAL PET OUTLET GOLD THEME (#E8A500)
   ============================================ */

/* Primary Buttons - All Pages */
.btn-theme,
.btn-dark,
.btn.theme-bg,
.btn-primary,
.theme-bg {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-theme:hover,
.btn-dark:hover,
.btn.theme-bg:hover,
.btn-primary:hover,
.theme-bg:hover {
    background: linear-gradient(135deg, #D4760A, #B5630A) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(232, 165, 0, 0.4) !important;
    color: #fff !important;
}

/* Outline/Secondary Buttons */
.btn-outline-theme,
.btn-dark-light,
.btn-outline-primary {
    background: transparent !important;
    border: 2px solid #E8A500 !important;
    border-radius: 8px !important;
    color: #E8A500 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-outline-theme:hover,
.btn-dark-light:hover,
.btn-outline-primary:hover {
    background: rgba(232, 165, 0, 0.1) !important;
    border-color: #D4760A !important;
    color: #D4760A !important;
}

/* Product Page - Add to Cart Button */
.prt_05 .btn-dark,
.product-detail .btn-dark,
#add-to-cart-btn {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
}

/* Wishlist Button - Heart Icon */
#add-to-wishlist-btn {
    border: 2px solid #E8A500 !important;
    border-radius: 8px !important;
    color: #E8A500 !important;
}

#add-to-wishlist-btn:hover,
#add-to-wishlist-btn.active {
    background: #E8A500 !important;
    color: #fff !important;
}

/* Contact & Form Buttons */
.contact-form .btn,
.contact-area .btn,
form .btn-dark,
form .btn-theme {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
}

/* Blog/News Buttons */
.blog-area .btn,
.news-area .btn,
.article-area .btn {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Cart Page Buttons */
.shopping-cart .btn,
.cart-area .btn-theme,
.shoping-cart .btn {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Theme Color Text */
.theme-cl,
.text-theme,
a.theme-cl {
    color: #E8A500 !important;
}

/* Links Hover */
a:hover {
    color: #E8A500 !important;
}

/* Focus States for Inputs */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #E8A500 !important;
    box-shadow: 0 0 0 3px rgba(232, 165, 0, 0.15) !important;
}

/* Product Quick Actions */
.prt_saveed_item a:hover,
.product-hover-overlay a:hover {
    background: #E8A500 !important;
    color: #fff !important;
}

/* Pagination */
.pagination .page-link.active,
.pagination .page-item.active .page-link {
    background: #E8A500 !important;
    border-color: #E8A500 !important;
}

/* Breadcrumb Active */
.breadcrumb-item.active {
    color: #E8A500 !important;
}

/* Newsletter Subscribe Button */
.newsletter-form .btn,
.subscribe-form .btn {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
}

/* ============================================
   DARK BACKGROUNDS → GOLD GRADIENT
   ============================================ */

/* Product Hover Overlay */
.product-hover-overlay,
.product-hover-overlay.bg-dark,
.shop_thumb .product-hover-overlay {
    background: linear-gradient(135deg, rgba(232, 165, 0, 0.95), rgba(212, 118, 10, 0.95)) !important;
}

/* All bg-dark classes */
.bg-dark {
    background: linear-gradient(135deg, #333333, #1a1a1a) !important;
}

/* Dark buttons - force gold */
.btn-black,
.btn.bg-dark,
button.bg-dark {
    background: linear-gradient(135deg, #E8A500, #D4760A) !important;
    border: none !important;
    color: #fff !important;
}

/* Product card hover actions */
.edlio a,
.product-hover-overlay a {
    color: #fff !important;
}

/* Dark sections - NOT navbar */
.dark-section,
.footer-dark {
    background: linear-gradient(135deg, #333333, #1a1a1a) !important;
}

/* Navbar → AURIU (gold) with black text */
.header-dark,
.header.header-dark,
.head-style-2.header-dark {
    background: #E8A500 !important;
    border-bottom: none !important;
}

.header-dark .nav-menu>li>a,
.header-dark .nav-menu a,
.header-dark .navigation .nav-menu>li>a {
    color: #000 !important;
}

.header-dark .nav-menu>li>a:hover,
.header-dark .nav-menu a:hover {
    color: #fd6a0c !important;
}

/* Mobile nav button search */
.mobile-nav-search .btn-primary {
    color: #fd6a0c !important;
}

/* Dashboard active menu item */
.dahs_navbar a.active {
    color: #fd6a0c !important;
    background: rgba(253, 106, 12, 0.1) !important;
}

/* ============================================
   Gray sections - ONLY breadcrumb bars get dark bg
   ============================================ */

/* Breadcrumb bar / any .gray.py-3 → AURIU (gold) */
.gray.py-3 {
    background: #E8A500 !important;
}

/* Category sidebar header → AURIU (gold) */
.killore-new-block-link .gray {
    background: #E8A500 !important;
    color: #fff !important;
}

/* ALL text inside .gray.py-3 → white */
.gray.py-3,
.gray.py-3 h1,
.gray.py-3 h2,
.gray.py-3 h3,
.gray.py-3 h4,
.gray.py-3 h5,
.gray.py-3 span,
.gray.py-3 p,
.gray.py-3 .breadcrumb,
.gray.py-3 .breadcrumb-item,
.gray.py-3 .breadcrumb-item a {
    color: #fff !important;
}

.gray.py-3 .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gray.py-3 .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ============================================
   TOP BAR - Light gray with dark text
   ============================================ */
.gray.py-2,
div.gray.py-2 {
    background: #f0f0f0 !important;
}

.gray.py-2 a,
.gray.py-2 span,
.gray.py-2 .dropdown-toggle {
    color: #333 !important;
}

.gray.py-2 a:hover {
    color: #fd6a0c !important;
}

/* ============================================
   SHOP PAGE - #fd6a0c ORANGE OVERRIDE
   All blue elements → user-specified orange
   ============================================ */

/* FILTRE header (blue gradient → orange) */
.filter-sidebar .sidebar-header,
.shop_sidebar_header,
.sidebar-header,
.killore-new-block-link .theme-bg,
.left-sidebar .theme-bg,
.shop-sidebar .theme-bg,
.search-sidebar-header,
.sidebar_header,
.btn-filter-header,
div[style*="background"][class*="text-white"],
.shop_sidebar .bg-primary,
.left-sidebar .bg-primary {
    background: #fd6a0c !important;
    background-color: #fd6a0c !important;
}

/* "Adaugă în Coș" buttons */
.btn-add-to-cart,
.add-to-cart-btn,
.btn-add-cart,
.shop_thumb .btn,
.product-card .btn,
.prt_saveed_item .btn,
.product-box .btn,
.rows-products .btn,
.product-list-view .btn,
.btn-shop,
.add_to_cart_button,
a.btn[title*="Coș"],
button[title*="Coș"],
a.btn[title*="Cart"],
button[title*="Cart"] {
    background: #fd6a0c !important;
    background-color: #fd6a0c !important;
    border-color: #fd6a0c !important;
    color: #fff !important;
}

.btn-add-to-cart:hover,
.add-to-cart-btn:hover,
.btn-add-cart:hover,
.shop_thumb .btn:hover,
.product-card .btn:hover,
.product-box .btn:hover,
.rows-products .btn:hover {
    background: #e05800 !important;
    border-color: #e05800 !important;
}

/* Search sidebar input border */
.shop_sidebar input[type="search"],
.shop_sidebar input[type="text"],
.shop_sidebar .form-control,
.left-sidebar .form-control,
.search-sidebar input,
.sidebar-search input,
.search_filter input {
    border-color: #fd6a0c !important;
}

.shop_sidebar input:focus,
.left-sidebar .form-control:focus {
    border-color: #fd6a0c !important;
    box-shadow: 0 0 0 3px rgba(253, 106, 12, 0.15) !important;
}

/* Search icon color */
.shop_sidebar .fa-search,
.left-sidebar .fa-search,
.search_filter .fa-search {
    color: #fd6a0c !important;
}

/* Category links in sidebar */
.shop_sidebar a,
.left-sidebar a,
.sidebar-categories a,
.killore--block-link-content a,
.filter-sidebar a {
    color: #333 !important;
}

.shop_sidebar a:hover,
.left-sidebar a:hover,
.sidebar-categories a:hover,
.killore--block-link-content a:hover,
.filter-sidebar a:hover {
    color: #fd6a0c !important;
}

/* Category headings in sidebar (blue → orange) */
.shop_sidebar h4,
.shop_sidebar h5,
.shop_sidebar .heading,
.left-sidebar h4,
.left-sidebar h5,
.sidebar-categories h4,
.sidebar-categories h5,
.filter-heading,
.shop_sidebar .theme-cl,
.left-sidebar .theme-cl {
    color: #fd6a0c !important;
}

/* Grid view active icon */
.grid-view .active,
.shorting-right .active,
.view-switcher .active,
.layout-switcher .active,
.shorting_icon .active,
.shop_grid_icon ul li.active,
.shop_grid_icon ul li.active i {
    color: #fd6a0c !important;
    border-color: #fd6a0c !important;
}

/* Active category highlight */
.shop_sidebar .active>a,
.left-sidebar .active>a,
.sidebar-categories .active>a {
    color: #fd6a0c !important;
    font-weight: 700 !important;
}

/* Category expand/collapse icon */
.shop_sidebar .collapse-btn,
.left-sidebar .collapse-btn,
.category-toggle {
    color: #fd6a0c !important;
}

/* Quick view & action buttons on hover */
.product-hover-overlay .btn,
.prt_saveed_item a,
.edlio a {
    background: #fd6a0c !important;
    color: #fff !important;
}

/* Price filter slider */
.noUi-connect,
.price-slider .noUi-connect,
.range-slider .noUi-connect {
    background: #fd6a0c !important;
}

.noUi-handle,
.price-slider .noUi-handle {
    border-color: #fd6a0c !important;
}

/* Override ALL remaining primary/theme colors to #fd6a0c */
.theme-bg {
    background: #fd6a0c !important;
    background-color: #fd6a0c !important;
}

.theme-cl,
.text-theme,
a.theme-cl {
    color: #fd6a0c !important;
}

/* All btn-primary and btn-theme variants */
.btn-primary,
.btn-theme,
.btn.theme-bg {
    background: #fd6a0c !important;
    border-color: #fd6a0c !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-theme:hover,
.btn.theme-bg:hover {
    background: #e05800 !important;
    border-color: #e05800 !important;
}

/* All remaining link hovers */
a:hover {
    color: #fd6a0c !important;
}

/* Focus states */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #fd6a0c !important;
    box-shadow: 0 0 0 3px rgba(253, 106, 12, 0.15) !important;
}

/* Pagination active */
.pagination .page-link.active,
.pagination .page-item.active .page-link {
    background: #fd6a0c !important;
    border-color: #fd6a0c !important;
}

/* Breadcrumb active */
.breadcrumb-item.active {
    color: #fd6a0c !important;
}

/* Badge accents */
.badge-primary {
    background-color: #fd6a0c !important;
}

/* Nav active states */
.nav-link.active,
.nav-pills .active {
    color: #fd6a0c !important;
    background-color: rgba(253, 106, 12, 0.1) !important;
}

/* Tab underline */
.simple_tab_links .nav-link.active::after {
    background-color: #fd6a0c !important;
}

/* Product hover border */
.product-card:hover,
.prt_04:hover {
    border-color: #fd6a0c !important;
}

/* "Vezi Toate" / "Explorează" buttons */
.killore-new-block-link .btn,
.view-all-btn {
    background: #fd6a0c !important;
    border-color: #fd6a0c !important;
    color: #fff !important;
}

/* Cookie consent buttons */
.cookie-consent .btn-primary,
.cookie-consent .btn-accept {
    background: #fd6a0c !important;
    border-color: #fd6a0c !important;
}

/* Cart gradient buttons */
.cart_action .btn-dark,
.slide-head {
    background: linear-gradient(135deg, #fd6a0c, #e05800) !important;
}