/* New Color System */
:root {
    --primary-bg: #000716;
    --secondary-bg: #000C24;
    --card-bg: #05132C;
    --primary-action: #005AD4;
    --secondary-action: #004BBC;
    --accent-glow: #009CFF;
    --text-primary: #E5E7EA;
    --text-secondary: #9FA0A3;
    --border-outline: #005AD;
    --btn-gradient: linear-gradient(90deg, var(--accent-glow) 0%, #005AD4 55%, #004BBC 100%);
}

.bg-pattern {
    background-color: var(--primary-bg);
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0);
    background-size: 32px 32px;
}

.glass-card {
    background: rgba(5, 19, 44, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(58, 67, 83, 0.5);
}

@keyframes pulse-glow {
    0% { box-shadow: 0 0 5px rgba(0, 156, 255, 0.2); }
    50% { box-shadow: 0 0 15px rgba(0, 156, 255, 0.5); }
    100% { box-shadow: 0 0 5px rgba(0, 156, 255, 0.2); }
}

.glow-border {
    border: 1px solid var(--accent-glow);
    animation: pulse-glow 3s infinite ease-in-out;
}

.text-gradient {
    background: var(--btn-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.filter-pills-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-width: none;
}

.filter-pills-container::-webkit-scrollbar {
    display: none;
}

.filter-pill {
    background: var(--secondary-bg);
    border: 1px solid var(--border-outline);
    color: var(--text-secondary);
    padding: 8px 24px;
    border-radius: 20px;
    font-weight: 600;
    transition: all 0.3s;
    cursor: pointer;
    white-space: nowrap;
}

.filter-pill.active {
    background: var(--accent-glow);
    color: white;
    border-color: var(--accent-glow);
    box-shadow: 0 0 15px rgba(0, 156, 255, 0.4);
}

/* Theme */

#switcher .theme-click {
	background-color:#111111;
}

.au-bidding .au-btn-modren, .au-subscribe button, .au-all-upcoming button {
    background: var(--btn-gradient);
    color: #fff;
    border: none;
}

.au-navbar, .au-notification, .au-header-btn .au-btn-white, .au-list-ietem span i, .nav-tabs .nav-item.show .nav-link, .au-nav-tabs .au-nav-item.active,.pagination-item:hover, .pagination-item.is-active, .au-body-footer a i:hover {
    background-color: var(--accent-glow);
}

.au-nav-inner .au-items .au-custom span, .au-deals h2, .au-deals-wrapper:hover .au-deal-card .card-title, .au-deals-wrapper:hover .au-deal-card label, .au-upcoming-body h4, .au-common-details .au-icon-media i, .au-links li a:hover{
    color:var(--accent-glow);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--accent-glow) !important;
}

.au-nav-tabs .au-nav-item {
    border: 2px solid var(--accent-glow);
    color: var(--accent-glow);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:var(--accent-glow) var(--accent-glow) var(--accent-glow);
    background-color:var(--accent-glow);
    color:#FFFFFF;
}

.au-nav-inner li a:hover{
    color:var(--accent-glow) !important;
}

.pagination-link--wide:hover {
    color: var(--accent-glow);
}

.sf-menu > li, .sf-menu .single-dropdown {
    border-right: 1px solid var(--accent-glow);
}

.au-list-ietem span i:hover {
    border: 3px solid var(--accent-glow);
    color: var(--accent-glow);;
}

.au-ads {
    background: linear-gradient( rgba(52, 155, 225,0.9), rgba(52, 155, 225,0.9)), url(../images/ads-bg.png);
}

.au-clients {
    background: linear-gradient( rgba(52, 155, 225,0.9), rgba(52, 155, 225,0.9)), url(../images/client-bg.png);
}

.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active {
    background-image: none;
    background-color: var(--accent-glow);
}

/*.btn:hover, .btn:focus {
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(right, #111111, var(--accent-glow));
    background-image: -ms-linear-gradient(right, #111111, var(--accent-glow));
    background-image: -moz-linear-gradient(right, #111111, var(--accent-glow));
    background-image: -o-linear-gradient(right, #111111, var(--accent-glow));
    background-image: linear-gradient(to left, #111111, var(--accent-glow));
    transition: ease 1s ease;
}*/

/*-----------------------------
HOME PAGE-Indigo var(--accent-glow)
------------------------------*/
.au-deals-wrapper:hover {
    border-bottom: 3px solid var(--accent-glow) !important;
}

.au-accordina:hover {
    border-bottom: 3px solid var(--accent-glow);
    transform: translateY(-5px);
}

.au-accordina:hover .card-title a {
    color: var(--accent-glow);
}

.au-list-ietem i:hover {
    color: var(--accent-glow);
}

.au-list-ietems .dropdown-menu i {
    color: var(--accent-glow);
}

.au-list-ietems .dropdown-menu i:hover {
    background-color: var(--accent-glow);
}

.au-bidding .au-btn-gray {
    color: #FFFFFF;
    background-color: #8390dc;
}

.btn:hover, .btn:focus {
    background-color: #fff;
    color: var(--accent-glow);
    border: 1px solid var(--accent-glow);
}


.bar-line:hover {
    border-right: 3px solid var(--accent-glow);
}

.btn-primary {
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

.btn-primary:hover {
    color: var(--accent-glow);
    background-color: #fff;
    border-color: var(--accent-glow);
}

/*--------------------------------
AUCTIONS PAGE - Indigo var(--accent-glow)
----------------------------------*/

.au-all-category h6 {
    background: var(--accent-glow);
}

#clear_date {
    color: var(--accent-glow);
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {

    background-image: linear-gradient(to bottom, #1a7dbc,var(--accent-glow)) !important;
}

.form-control:focus {
    border-color: var(--accent-glow);
}

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    background: var(--accent-glow);
}

input[type="checkbox"]:checked + label .active {
    background: var(--accent-glow) !important;
}

.bg-main-new {
    background-color: var(--accent-glow) !important;
}


.badge {
    background-color: #a9d944;
}
.badge-upcoming{
    background-color: var(--accent-glow);
}
.badge-non-reserve{
    background-color: #073c8a;
}
.card-border-radius{

    border-radius: 10px;
}
.badge-main{

    background-color: var(--accent-glow) !important;
    font-size: 1rem;
}

.card-border-top-radius{

     border-top-left-radius: 8px !important;
     border-top-right-radius: 8px !important;
}
.car-border{

    border: 2px solid var(--accent-glow);
    border-bottom: 4px solid var(--accent-glow);
}

.au-cards i {
    color: var(--accent-glow);
    border: 2px solid var(--accent-glow);
}

.au-item-categorys:hover .au-cards i {
    background-color: var(--accent-glow);
}

.au-item-categorys:hover .au-cards .au-card-block h4 {
    color: var(--accent-glow);
}

.au-item-categorys:hover .au-cards {
    border-bottom: 3px solid var(--accent-glow);
}

.pagination li.active a, .pagination li.active span, .page-item.active .page-link {
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

/*-------------------------------------
AUCTION DETAILS PAGE - Indigo var(--accent-glow)
---------------------------------------*/

.text-blue {
    color: var(--accent-glow);
}


.btn-info {
    color: #fff;
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

.au-social-links li a .au-common {
    color: var(--accent-glow);
}

.au-social-links li a .au-common:hover {
    background-color: var(--accent-glow);
}

.product-border {
    border-top: 3px solid #aeb8f1;
}

.product-tabs {
    border-top: 4px solid var(--accent-glow);
}

.au-product-tabs.nav-tabs .nav-item.show .nav-link, .au-product-tabs.nav-tabs .nav-link.active {
    color: var(--accent-glow);
}

.au-product-tabs.nav-tabs .nav-item.show .nav-link:before, .au-product-tabs.nav-tabs .nav-link.active:before {
    background: var(--accent-glow);
}

.au-product-tabs.nav-tabs a:hover {
    color: var(--accent-glow);
}

.form-control:focus {
    border-color: var(--accent-glow);
}

.au-btn-modren:hover, .au-btn-modren:focus {
    background-color: #fff;
    color: var(--accent-glow) !important;
    border: 1px solid var(--accent-glow);
}

/*------------------------------------
    CONTACT US PAGE - Indigo var(--accent-glow)
---------------------------------------*/
.au-who-main h2 {
    color: var(--accent-glow);
}

.panel-login .panel-body {
    border-top: 3px solid var(--accent-glow);
}

.btn-info.disabled, .btn-info:disabled {
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

/*--------------------------------------
    FAQS PAGE -  Indigo var(--accent-glow)
----------------------------------------*/

.au-list-item li.active a {
    background: var(--accent-glow);
}

.au-list-item li a:hover, .au-list-item li a span:hover, .au-list-item li a:focus, .au-list-item li a span:focus {
    color: var(--accent-glow);
}

.faq-panel-title {
    color: var(--accent-glow);
}

a:hover {
    color: var(--accent-glow);
}

/*------------------------------------------
    LOGIN PAGE - Indigo var(--accent-glow)
--------------------------------------------*/

.modal-header a.active, .panel-login .panel-heading a.active {
    background: var(--accent-glow);
}

a {
    color: var(--accent-glow);
}

.login-bttn:hover {
    color: #fff !important;
}

/*-------------------------------------
    LOGIN MODAL - Indigo var(--accent-glow)
---------------------------------------*/
.modal-body {
    border-top: 2px solid var(--accent-glow);
}

/*--------------------------------------
    BREADCRUMB - Indigo var(--accent-glow)
----------------------------------------*/
.au-bread-crumbs {
    background-color: #e5e8fb;
}

/*--------------------------------------
    BIDDER LEFT MENU - Indigo var(--accent-glow)
----------------------------------------*/

.au-onboard .au-middles {
    color: var(--accent-glow);
}

.accordion li.active i, .accordion li.active .link {
    color: var(--accent-glow);
}

.accordion li:hover i, .accordion li:hover .link {
    color: var(--accent-glow);
}

.submenu a:hover {
    background: var(--accent-glow);
}

/*--------------------------------------------
    BIDDER PANEL - Indigo var(--accent-glow)
----------------------------------------------*/
.submenu li.active a {
    background: var(--accent-glow);
}

.btn:hover {
    color:#fff !important;
}


.login-bttn:hover {
    color:var(--accent-glow) !important;
}


.btn-danger:hover {
    color: var(--accent-glow) !important;
    background-color: #fff !important;
    border-color: var(--accent-glow) !important;
}

.dataTables_length select:hover, .dataTables_length select:focus {
    border: 1px solid var(--accent-glow) !important;
}

.dataTables_wrapper .dataTables_filter input:hover, .dataTables_filter input:focus {
    border-color: var(--accent-glow) !important;
}

.paginate_button.current {
    background: linear-gradient(to bottom, var(--accent-glow) 0%, var(--accent-glow) 100%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid var(--accent-glow) !important;
}


.btn-info {
    background-color: var(--accent-glow);
    border-color: var(--accent-glow);
}

.msg-item:hover {
    border-top: 2px solid var(--accent-glow);
}

.panel.panel-custom {
    border-top: 2px solid var(--accent-glow);
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    color: #fff !important;
}

/*--------------------------------
    RECENT WINNERS DIV - Indigo var(--accent-glow)
----------------------------------*/

.au-similar-card:hover {
    border-bottom: 2px solid var(--accent-glow);
}

/*--------------------------------
    LATEST AUCTIONS DIV - Indigo var(--accent-glow)
----------------------------------*/
.au-similar-card .au-similar-block h6:hover {
    color: var(--accent-glow);
}

.au-similar-card .like {
    color: var(--accent-glow);
    border: 2px solid var(--accent-glow);
}

.au-similar-card .like:hover {
    background: var(--accent-glow);
}

.au-similar-card:hover .like {
    background: var(--accent-glow);
}


/* Accordion header styling for Auction Details accordion */
#auctionDetailsAccordion .card-header {
    /*background-color: var(--accent-glow);*/
    background: linear-gradient(180deg, var(--accent-glow), #237ac0);
    box-shadow: 0 12px 24px rgba(52, 155, 225, .35);
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 12rem;
}
#auctionDetailsAccordion .card-header .btn {
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
}
#auctionDetailsAccordion .card-header .btn:hover,
#auctionDetailsAccordion .card-header .btn:focus,
#auctionDetailsAccordion .card-header .btn:active {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
}
#auctionDetailsAccordion .card-header .btn.collapsed {
    color: #ffffff !important;
}

/*!* Alternating backgrounds for list items in Auction Details accordion *!*/
/*#auctionDetailsAccordion .list-group > li {*/
/*    transition: background-color .15s ease-in-out;*/
/*}*/
/*#auctionDetailsAccordion .list-group > li:nth-child(odd) {*/
/*    background-color: #ffffff !important; !* white *!*/
/*}*/
/*#auctionDetailsAccordion .list-group > li:nth-child(even) {*/
/*    background-color: #dfe3e7 !important; !* Bootstrap light gray *!*/
/*}*/


.exterior-list{ list-style:none; margin:0; padding:0; }
.exterior-item{ padding:.6rem .25rem; border-bottom:1px solid #eee; }
.exterior-title{ font-weight:600; color:#555; font-size:1.05rem; }
.status-row{ display:flex; align-items:center; padding-left:1.75rem; } /* indent under title */
.status-dot{
    width:18px; height:18px; border-radius:50%;
    /*border:3px solid rgba(0,0,0,.15); display:inline-block;*/
}
.status-text{ margin-left:.5rem; font-weight:700; }
/* RTL friendly */
[dir="rtl"] .status-row{ padding-left:0; padding-right:1.75rem; }
[dir="rtl"] .status-text{ margin-left:0; margin-right:.5rem; }