/*
Theme Name: Probid
Theme URI: https://www.probid-wp.egenslab.com/
Author: Egens Lab
Author URI: https://themeforest.net/user/egenslab/
Description: Probid is a WordPress Theme for Multivendor Auction and Bidding purpose. It represents the modern age auction bidding system with multivendor facilities. This theme can be used in versatile ways like- Car, Antique, Art, Gadget & Technology, Book & Comic and as well as Multipurpose auction bidding. It has 7 different demos with different styles of Auction and bidding features for every demo so that user can easily use this for their desire purposes. This theme is made with Elementor Page Builder so will be easy to customize. It is compatible with all browsers and fully responsive so very suitable for any device.
Version: 1.1.0
Tested up to: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: probid
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready,

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Brand Palette Override (April 2026)
   Dominant colors:
   - Golden Yellow: #F5B700
   - Deep Navy: #1F2A6B
   Accent colors from logo:
   - Vibrant Pink: #FF4FA3
   - Soft Purple: #9B6BFF
   - Bright Orange: #FF7A1A
   - Fresh Green: #34C759
*/
:root {
	--brand-deep-navy: #1F2A6B;
	--brand-golden-yellow: #F5B700;
	--brand-vibrant-pink: #FF4FA3;
	--brand-soft-purple: #9B6BFF;
	--brand-bright-orange: #FF7A1A;
	--brand-fresh-green: #34C759;

	--primary-color: var(--brand-golden-yellow);
	--primary-color-opc: 245, 183, 0;
	--primary-color1: var(--brand-golden-yellow);
	--primary-color2: var(--brand-deep-navy);
	--primary-color2-opc: 31, 42, 107;
	--primary-color3: var(--brand-vibrant-pink);
	--primary-color3-opc: 255, 79, 163;
	--primary-color4: var(--brand-soft-purple);
	--primary-color4-opc: 155, 107, 255;
	--primary-color5: var(--brand-bright-orange);
	--primary-color5-opc: 255, 122, 26;
	--primary-color6: var(--brand-fresh-green);
	--primary-color6-opc: 52, 199, 89;
	--primary-color7: var(--brand-golden-yellow);
	--primary-color7-opc: 245, 183, 0;
	--title-color: var(--brand-deep-navy);
	--title-color-opc: 31, 42, 107;
	--title-color1: var(--brand-deep-navy);
	--title-color2: var(--brand-deep-navy);
	--title-color2-opc: 31, 42, 107;
}

/* Keep specialty home variations on the same brand system */
body.eg-antique-home,
body.eg-gadget-home,
body.eg-book-and-comic-home,
body.eg-multipurpose2-home {
	--primary-color: var(--brand-golden-yellow);
	--primary-color1: var(--brand-golden-yellow);
	--primary-color-opc: 245, 183, 0;
	--title-color: var(--brand-deep-navy);
	--title-color-opc: 31, 42, 107;
}

/* Global interaction colors */
a {
	color: var(--title-color);
}
a:hover,
a:focus {
	color: var(--primary-color);
}
::selection {
	background: rgba(var(--primary-color-opc), 0.35);
	color: var(--title-color);
}

/* Main action buttons: yellow surface with navy text */
.primary-btn:not(.white-bg):not(.black-bg),
.primary-btn2:not(.white-bg):not(.black-bg),
.primary-btn3:not(.white-bg):not(.black-bg),
.primary-btn4:not(.white-bg):not(.black-bg),
.primary-btn5:not(.white-bg):not(.black-bg),
.primary-btn6:not(.white-bg):not(.black-bg),
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-element-button,
.elementor-button {
	color: var(--primary-color2) !important;
}
.primary-btn:not(.white-bg):not(.black-bg) svg,
.primary-btn2:not(.white-bg):not(.black-bg) svg,
.primary-btn3:not(.white-bg):not(.black-bg) svg,
.primary-btn4:not(.white-bg):not(.black-bg) svg,
.primary-btn5:not(.white-bg):not(.black-bg) svg,
.primary-btn6:not(.white-bg):not(.black-bg) svg {
	fill: var(--primary-color2) !important;
}
.primary-btn:not(.white-bg):not(.black-bg):hover,
.primary-btn2:not(.white-bg):not(.black-bg):hover,
.primary-btn3:not(.white-bg):not(.black-bg):hover,
.primary-btn4:not(.white-bg):not(.black-bg):hover,
.primary-btn5:not(.white-bg):not(.black-bg):hover,
.primary-btn6:not(.white-bg):not(.black-bg):hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wp-element-button:hover,
.elementor-button:hover {
	color: #fff !important;
}

/* Navigation and active states */
header .main-menu > ul > li.current-menu-item > a,
header .main-menu > ul > li.current_page_item > a,
header .main-menu > ul > li.current-menu-parent > a {
	color: var(--title-color) !important;
	border-bottom: 2px solid var(--primary-color);
}

/* Auction status colors aligned to brand accents */
.auction-card .auction-card-img-wrap .batch span {
	background-color: var(--primary-color2);
}
.auction-card .auction-card-img-wrap .batch span.upcoming {
	background-color: var(--primary-color4);
}
.auction-card .auction-card-img-wrap .batch span.code {
	background-color: var(--primary-color5);
}
.auction-card .auction-card-img-wrap .batch span.win {
	background-color: var(--primary-color);
	color: var(--primary-color2);
}
.auction-card .auction-card-img-wrap .batch span.win svg {
	fill: var(--primary-color2);
}
.auction-card .auction-card-img-wrap .batch span.close {
	background-color: var(--primary-color3);
}

/* Small highlight accents */
.woocommerce span.onsale,
.badge,
.tagcloud a:hover {
	background-color: var(--primary-color6);
	border-color: var(--primary-color6);
}

/* Footer solid yellow */
footer .home1-footer-top-area,
footer .footer-wrapper {
	background-image: none !important;
	background-color: #F5B700 !important;
}

/* Navbar logo refinement */
header.header-area.style-1 .company-logo img,
header.header-area.style-1 .main-menu .mobile-logo-wrap img {
	max-width: 185px;
	max-height: 74px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}
header.header-area.style-1 .company-logo {
	padding: 8px 0;
}
@media (max-width: 991px) {
	header.header-area.style-1 .company-logo img,
	header.header-area.style-1 .main-menu .mobile-logo-wrap img {
		max-width: 145px;
		max-height: 58px;
	}
}

/* Sidebar highest-bidding countdown */
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer {
	margin-top: 6px;
	color: var(--title-color);
	font-size: 11px;
	line-height: 1;
	white-space: nowrap;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_row,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer ul {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li {
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
	font-size: 0;
	line-height: 1;
	margin: 0;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer br {
	display: none;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_amount {
	font-size: 13px;
	font-weight: 700;
	color: var(--primary-color2);
	line-height: 1;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section::after,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li::after {
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	color: rgba(31, 42, 107, 0.75);
	letter-spacing: 0.02em;
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section:nth-child(1)::after,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li:nth-child(1)::after {
	content: "D";
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section:nth-child(2)::after,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li:nth-child(2)::after {
	content: "H";
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section:nth-child(3)::after,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li:nth-child(3)::after {
	content: "M";
}
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer .countdown_section:nth-child(4)::after,
.auction-sidebar .single-widget .highest-bidding-widget .highest-bidding-content .sidebar-auction-timer li:nth-child(4)::after {
	content: "S";
}

/* My Account customer registration expansion */
.woocommerce-form-register .vendor-customer-registration {
	margin: 10px 0 18px;
	padding: 12px 14px;
	border: 1px solid rgba(31, 42, 107, 0.2);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.55);
}
.woocommerce-form-register .vendor-customer-registration .radio {
	display: flex;
	align-items: center;
	gap: 7px;
	font-weight: 600;
	color: var(--title-color);
}
.woocommerce-form-register .vendor-customer-registration .radio + br {
	display: none;
}
.woocommerce-form-register .vendor-customer-registration input[type="radio"] {
	margin: 0;
	accent-color: #F5B700;
}

.bidlio-customer-register-fields {
	margin: 10px 0 16px;
	padding-top: 10px;
	border-top: 1px solid rgba(31, 42, 107, 0.15);
}
.bidlio-customer-register-fields .bidlio-reg-field {
	margin-bottom: 14px;
}
.bidlio-customer-register-fields .bidlio-core-slot {
	margin-bottom: 14px;
}
.bidlio-customer-register-fields .bidlio-core-slot > .form-row {
	margin-bottom: 0;
}
.bidlio-customer-register-fields .bidlio-input-wrap {
	position: relative;
	display: block;
}
.bidlio-customer-register-fields .bidlio-reg-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 17px;
	color: rgba(31, 42, 107, 0.7);
	pointer-events: none;
	z-index: 3;
}
.bidlio-customer-register-fields input[type="text"],
.bidlio-customer-register-fields input[type="file"],
.bidlio-customer-register-fields select {
	padding-left: 42px !important;
}
.bidlio-customer-register-fields select {
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%231F2A6B' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 13px;
	padding-right: 36px !important;
}
.bidlio-customer-register-fields .bidlio-gender-field .bidlio-gender-options {
	display: flex;
	gap: 16px;
	align-items: center;
}
.bidlio-customer-register-fields .bidlio-gender-field .radio {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	color: var(--title-color);
}
.bidlio-customer-register-fields .bidlio-terms-field label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.bidlio-customer-register-fields .bidlio-terms-field .woocommerce-form__input-checkbox {
	-webkit-appearance: checkbox;
	appearance: checkbox;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	min-height: 16px;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(31, 42, 107, 0.35);
	background: #fff;
}
.bidlio-customer-register-fields .bidlio-terms-field .required {
	color: #ef4444;
}

/* Guest header account button */
.header-topbar-area .login-btn.bidlio-guest-account {
	background: #F5B700 !important;
	border-color: #F5B700 !important;
	color: #1F2A6B !important;
}
.header-topbar-area .login-btn.bidlio-guest-account svg path {
	fill: #1F2A6B !important;
}

/* My Account login/register visual refresh */
.woocommerce-account .woocommerce .col2-set .col-1,
.woocommerce-account .woocommerce .col2-set .col-2 {
	background: linear-gradient(180deg, rgba(245, 183, 0, 0.08) 0%, rgba(31, 42, 107, 0.06) 100%);
	border: 1px solid rgba(31, 42, 107, 0.2);
	border-radius: 12px;
	padding: 26px 24px;
}
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
}
.woocommerce-account .woocommerce form.login .form-row input.input-text,
.woocommerce-account .woocommerce form.register .form-row input.input-text,
.woocommerce-account .woocommerce form.register .form-row select,
.woocommerce-account .woocommerce form.register .form-row input[type="file"] {
	border: 1px solid rgba(31, 42, 107, 0.4);
	border-radius: 8px;
	background: #fff;
	color: #1F2A6B;
}
.woocommerce-account .woocommerce form.login .form-row input.input-text:focus,
.woocommerce-account .woocommerce form.register .form-row input.input-text:focus,
.woocommerce-account .woocommerce form.register .form-row select:focus {
	border-color: #F5B700;
	box-shadow: 0 0 0 2px rgba(245, 183, 0, 0.22);
}
.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.register button.button {
	background: #F5B700 !important;
	border-color: #F5B700 !important;
	color: #1F2A6B !important;
}
.woocommerce-account .woocommerce form.login button.button:hover,
.woocommerce-account .woocommerce form.register button.button:hover {
	background: #1F2A6B !important;
	border-color: #1F2A6B !important;
	color: #fff !important;
}

/* Topbar fallback icon alignment for contact items */
.header-topbar-area .contact-area li a i.bi {
	margin-right: 8px;
	font-size: 16px;
	vertical-align: middle;
}