/* Global frontend color overrides to replace legacy blue accents */
:root {
  --tepe-global-accent: #b5412b;
  --tepe-global-accent-dark: #8f2f1d;
  --tepe-global-accent-soft: #efe1d1;
  --tepe-global-accent-tint: #fbf4ea;
  --tepe-global-neutral: #6c5b49;
  --tepe-global-neutral-dark: #4f4132;
  --accent: var(--tepe-global-accent);
  --accent-dark: var(--tepe-global-accent-dark);
  --info: var(--tepe-global-accent);
}

::selection {
  background: rgba(181, 65, 43, 0.18);
  color: #211913;
}

body {
  accent-color: var(--tepe-global-accent);
  --tepe-link-hover-color: var(--tepe-global-accent-dark);
}

body.top-store-dark,
body .top-header,
body .main-header,
body .sticky-header,
body .below-header,
body .sider.overcenter,
body #top-store-mobile-bar {
  --tepe-link-hover-color: #f6e8d8;
}

body .page-head,
body .page-head-woo,
body .page-header,
body .content-wrap,
body .entry-content,
body .page-content,
body .site-main,
body .woocommerce,
body .sm-site-footer {
  --tepe-link-hover-color: var(--tepe-global-accent-dark);
}

@supports (color: color-mix(in srgb, black 50%, white)) {
  body {
    --tepe-link-hover-color: color-mix(in srgb, currentColor 58%, var(--tepe-global-accent-dark));
  }

  body.top-store-dark,
  body .top-header,
  body .main-header,
  body .sticky-header,
  body .below-header,
  body .sider.overcenter,
  body #top-store-mobile-bar {
    --tepe-link-hover-color: color-mix(in srgb, currentColor 72%, #fff);
  }

  body .page-head,
  body .page-head-woo,
  body .page-header,
  body .content-wrap,
  body .entry-content,
  body .page-content,
  body .site-main,
  body .woocommerce,
  body .sm-site-footer {
    --tepe-link-hover-color: color-mix(in srgb, currentColor 58%, var(--tepe-global-accent-dark));
  }
}

body a:focus,
body button:focus,
body input:focus,
body select:focus,
body textarea:focus {
  outline-color: rgba(181, 65, 43, 0.55);
}

body a:hover,
body a:focus {
  color: var(--tepe-link-hover-color) !important;
}

/* Safety rule: prevent white/very light text on white backgrounds */
body .woocommerce-cart a:hover,
body .woocommerce-checkout a:hover,
body .woocommerce-account a:hover {
  color: var(--tepe-link-hover-color) !important;
}

/* FIX: Navigation and light background links — white bg, black text on hover */
body .main-header-bar a:hover,
body .sticky-header a:hover,
body .top-header-bar a:hover,
body .header-icon a:hover,
body .site-title a:hover,
body nav a:hover,
body .navbar a:hover,
body .menu-item a:hover,
body .navigation a:hover {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Ensure links on light backgrounds remain visible during hover — BLACK text, not white */
body a[href]:hover {
  color: #111111 !important;
}

/* Override any white text hover on light backgrounds */
body .header a:hover,
body header a:hover,
body .nav a:hover,
body .main-menu a:hover,
body .primary-menu a:hover {
  color: #111111 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

/* Button hovers — keep white text ONLY on dark/accent buttons, use black on light buttons */
body a.button:hover,
body a.button:focus,
body .button:hover,
body .button:focus,
body .woocommerce a.button:hover,
body .woocommerce a.button:focus,
body .woocommerce button.button:hover,
body .woocommerce button.button:focus,
body .woocommerce input.button:hover,
body .woocommerce input.button:focus {
  color: #fff !important;
}

/* Light/outline buttons — black text on hover with light background */
body .button:hover:not([style*="background"]),
body a.button:hover:not([style*="background"]) {
  color: #111111 !important;
}

body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error {
  border-top-color: var(--tepe-global-accent) !important;
}

body .woocommerce-info::before,
body .woocommerce-message::before,
body .woocommerce-error::before {
  color: var(--tepe-global-accent) !important;
}

/* Parent theme accent color replacements */
body .woocommerce .added_to_cart.wc-forward:hover,
body ul.products .thunk-product-hover .add_to_cart_button:hover:after,
body .woocommerce .thunk-product-hover a.th-button:hover:after,
body .woocommerce ul.products li.product .product_type_variable:hover:after,
body .woocommerce ul.products li.product a.button.product_type_grouped:hover:after,
body .summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before,
body .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before,
body .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before,
body .th-hlight-icon,
body .ribbon-btn:hover,
body .thunk-product .yith-wcwl-wishlistexistsbrowse:before,
body .woocommerce .entry-summary a.compare.button:hover:before,
body .th-slide-button,
body .th-slide-button:after,
body .sider.overcenter .sider-inner ul.top-store-menu li a:hover,
body .reply a,
body .single-product .product_meta a,
body .woosw-btn:hover:before,
body .woosw-added:before,
body .wooscp-btn:hover:before,
body #top-store-mobile-bar .count-item,
body a.th-product-compare-btn.button.btn_type.th-added-compare:before,
body .thunk-product-list-section .thunk-list .thunk-product-content .woocommerce-LoopProduct-title:hover,
body .thunk-icon-market .cart-icon .taiowc-icon:hover,
body .woocommerce .entry-summary .th-product-compare-btn.btn_type.th-added-compare,
body .woocommerce .entry-summary a.th-product-compare-btn:before,
body .thunk-icon-market .cart-icon .taiowcp-icon:hover,
body .thunk-icon-market .cart-icon .taiowc-cart-item:hover,
body .thunk-icon-market .cart-icon .taiowcp-cart-item:hover,
body .site-title span a:hover,
body .main-header-bar .header-icon a:hover,
body .woocommerce div.product p.price,
body .woocommerce div.product span.price,
body .sticky-header .header-icon #open-cart a:hover,
body .thunk-wishlist a:hover,
body .thunk-compare a:hover,
body .thunk-quik a:hover {
  color: var(--tepe-global-accent) !important;
}

/* Keep header and dark-surface text hovers readable instead of forcing the accent */
body .top-header .top-header-bar a:hover,
body .main-header-bar .header-icon a:hover,
body .main-header-bar .site-title span a:hover,
body .sticky-header .header-icon a:hover,
body .sticky-header .site-title span a:hover,
body .sticky-header .header-icon #open-cart a:hover,
body .sider.overcenter .sider-inner ul.top-store-menu li a:hover,
body #top-store-mobile-bar a:hover,
body .thunk-icon-market .cart-icon .taiowc-icon:hover,
body .thunk-icon-market .cart-icon .taiowcp-icon:hover,
body .thunk-icon-market .cart-icon .taiowc-cart-item:hover,
body .thunk-icon-market .cart-icon .taiowcp-cart-item:hover {
  color: var(--tepe-link-hover-color) !important;
}

body .toggle-cat-wrap,
body #search-button,
body .thunk-icon .cart-icon,
body .single_add_to_cart_button.button.alt,
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce #respond input#submit,
body .woocommerce button.button,
body .woocommerce input.button,
body .cat-list a:after,
body .tagcloud a:hover,
body .thunk-tags-wrapper a:hover,
body .btn-main-header,
body .page-contact .leadform-show-form input[type='submit'],
body .woocommerce .widget_price_filter .top-store-widget-content .ui-slider .ui-slider-range,
body .woocommerce .widget_price_filter .top-store-widget-content .ui-slider .ui-slider-handle,
body .entry-content form.post-password-form input[type='submit'],
body #top-store-mobile-bar a,
body .header-support-icon,
body .count-item,
body .nav-links .page-numbers.current,
body .nav-links .page-numbers:hover,
body .woocommerce .thunk-woo-product-list span.onsale,
body .top-store-site section.thunk-ribbon-section .content-wrap:before,
body .woocommerce .return-to-shop a.button,
body .widget_product_search [type='submit']:hover,
body .comment-form .form-submit [type='submit'],
body .top-store-slide-post .owl-nav button.owl-prev:hover,
body .top-store-slide-post .owl-nav button.owl-next:hover,
body .top-store-load-more button,
body article.thunk-post-article .thunk-readmore.button {
  background: linear-gradient(135deg, var(--tepe-global-accent) 0%, #cd5235 100%) !important;
  color: #fff !important;
}

body .open-cart p.buttons a:hover,
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover,
body .woocommerce #respond input#submit:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .thunk-slide .owl-nav button.owl-prev:hover,
body .thunk-slide .owl-nav button.owl-next:hover,
body .thunk-list-grid-switcher a.selected,
body .thunk-list-grid-switcher a:hover,
body .woocommerce .woocommerce-error .button:hover,
body .woocommerce .woocommerce-info .button:hover,
body .woocommerce .woocommerce-message .button:hover,
body #searchform [type='submit']:hover,
body .woocommerce nav.woocommerce-pagination ul li a:focus,
body .woocommerce nav.woocommerce-pagination ul li a:hover,
body .woocommerce nav.woocommerce-pagination ul li span.current,
body .thunk-top2-slide.owl-carousel .owl-nav button:hover,
body .product-slide-widget .owl-carousel .owl-nav button:hover,
body .thunk-slide.thunk-brand .owl-nav button:hover,
body .th-testimonial .owl-carousel .owl-nav button.owl-prev:hover,
body .th-testimonial .owl-carousel .owl-nav button.owl-next:hover,
body .top-store-load-more button:hover,
body article.thunk-post-article .thunk-readmore.button:hover {
  background: linear-gradient(135deg, var(--tepe-global-accent-dark) 0%, #a93a24 100%) !important;
  color: #fff !important;
}

body .thunk-product-hover .th-button.add_to_cart_button,
body .woocommerce ul.products .thunk-product-hover .add_to_cart_button,
body .woocommerce ul.products li.product .product_type_variable,
body .woocommerce ul.products li.product a.button.product_type_grouped,
body .top-store-load-more button,
body .woocommerce .woocommerce-error .button,
body .woocommerce .woocommerce-info .button,
body .woocommerce .woocommerce-message .button,
body #searchform [type='submit']:hover,
body .page-contact .leadform-show-form input[type='submit'],
body .widget_product_search [type='submit']:hover,
body .thunk-slide .owl-nav button.owl-prev:hover,
body .thunk-slide .owl-nav button.owl-next:hover,
body .thunk-slide.thunk-brand .owl-nav button:hover,
body .th-testimonial .owl-carousel .owl-nav button.owl-prev:hover,
body .th-testimonial .owl-carousel .owl-nav button.owl-next:hover,
body .thunk-list-grid-switcher a.selected,
body .thunk-list-grid-switcher a:hover {
  border-color: var(--tepe-global-accent) !important;
}

body .loader {
  border-right-color: var(--tepe-global-accent) !important;
  border-bottom-color: var(--tepe-global-accent) !important;
  border-left-color: var(--tepe-global-accent) !important;
}

body .comment-form .form-submit [type='submit'],
body article.thunk-post-article .thunk-readmore.button,
body .btn-main-header,
body .header-support-icon,
body .woocommerce .thunk-woo-product-list span.onsale {
  box-shadow: 0 10px 24px rgba(181, 65, 43, 0.22) !important;
}

/* Generic button polish */
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .button,
body button,
body input[type='submit'] {
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .button:hover,
body button:hover,
body input[type='submit']:hover {
  box-shadow: 0 12px 22px rgba(143, 47, 29, 0.22);
}

/* Frontend plugin overrides */
body #b2bking_request_custom_quote_button,
body #b2bking_request_custom_quote_button.b2bking_button_quote_shortcode,
body .b2bking_button_quote_productpage,
body button.b2bking_purchase_lists_view_list,
body button#b2bking_purchase_list_new_button,
body button.b2bking_bulkorder_form_container_bottom_add_button,
body button.b2bking_myaccount_start_conversation_button,
body .b2bking_myaccount_conversation_endpoint_button,
body button.b2bking_subaccounts_container_top_button,
body button.b2bking_subaccounts_new_account_container_content_bottom_button,
body button.b2bking_subaccounts_edit_account_container_content_bottom_button,
body .b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button,
body #b2bking_return_agent {
  background: linear-gradient(135deg, var(--tepe-global-accent) 0%, #cd5235 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

body #b2bking_request_custom_quote_button:hover,
body #b2bking_request_custom_quote_button.b2bking_button_quote_shortcode:hover,
body .b2bking_button_quote_productpage:hover,
body button.b2bking_purchase_lists_view_list:hover,
body button#b2bking_purchase_list_new_button:hover,
body button.b2bking_bulkorder_form_container_bottom_add_button:hover,
body button.b2bking_myaccount_start_conversation_button:hover,
body .b2bking_myaccount_conversation_endpoint_button:hover,
body button.b2bking_subaccounts_container_top_button:hover,
body button.b2bking_subaccounts_new_account_container_content_bottom_button:hover,
body button.b2bking_subaccounts_edit_account_container_content_bottom_button:hover,
body .b2bking_myaccount_individual_offer_bottom_line_add button.b2bking_myaccount_individual_offer_bottom_line_button:hover,
body #b2bking_return_agent:hover {
  background: linear-gradient(135deg, var(--tepe-global-accent-dark) 0%, #a93a24 100%) !important;
  color: #fff !important;
}

body button.b2bking_purchase_lists_add_to_cart,
body button.b2bking_subaccounts_account_button,
body button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete,
body button.b2bking_myaccount_view_conversation_button,
body button.b2bking_bulkorder_form_container_bottom_save_button,
body button.b2bking_bulkorder_form_container_bottom_update_button,
body button.b2bking_bulkorder_form_container_bottom_delete_button,
body button.b2bking_bulkorder_form_container_newline_button,
body #b2bking_myaccount_conversation_endpoint_container_top button,
body button#b2bking_conversation_make_offer_vendor {
  background: var(--tepe-global-neutral) !important;
  border-color: transparent !important;
  color: #fff !important;
}

body button.b2bking_purchase_lists_add_to_cart:hover,
body button.b2bking_subaccounts_account_button:hover,
body button.b2bking_subaccounts_edit_account_container_content_bottom_button_delete:hover,
body button.b2bking_myaccount_view_conversation_button:hover,
body button.b2bking_bulkorder_form_container_bottom_save_button:hover,
body button.b2bking_bulkorder_form_container_bottom_update_button:hover,
body button.b2bking_bulkorder_form_container_bottom_delete_button:hover,
body button.b2bking_bulkorder_form_container_newline_button:hover,
body #b2bking_myaccount_conversation_endpoint_container_top button:hover,
body button#b2bking_conversation_make_offer_vendor:hover {
  background: var(--tepe-global-neutral-dark) !important;
  color: #fff !important;
}

body .b2bking-drop-area {
  border-color: rgba(181, 65, 43, 0.45) !important;
  background: #fdf6ee !important;
}

body .b2bking-drop-area.highlight {
  border-color: var(--tepe-global-accent) !important;
  background: #faece1 !important;
}

body .b2bking_has_color,
body table.b2bking_tiered_price_table tbody td.b2bking_has_color {
  background: var(--tepe-global-accent) !important;
  background-color: var(--tepe-global-accent) !important;
  color: #fff !important;
}

body table#b2bking_purchase_lists_table thead tr th {
  background: var(--tepe-global-neutral) !important;
  color: #fff !important;
}

body .b2bking_checkbox_child {
  border-left-color: rgba(108, 91, 73, 0.8) !important;
}

/* Keep utility accents warm on forms and pagination */
body .woocommerce .widget_price_filter .price_slider_amount .button,
body .woocommerce nav.woocommerce-pagination ul li span.current,
body .woocommerce nav.woocommerce-pagination ul li a:hover,
body .woocommerce nav.woocommerce-pagination ul li a:focus,
body .nav-links .page-numbers.current,
body .nav-links .page-numbers:hover {
  background: linear-gradient(135deg, var(--tepe-global-accent) 0%, #cd5235 100%) !important;
  border-color: var(--tepe-global-accent) !important;
  color: #fff !important;
}

body .woocommerce input[type='text']:focus,
body .woocommerce input[type='email']:focus,
body .woocommerce input[type='tel']:focus,
body .woocommerce input[type='password']:focus,
body .woocommerce textarea:focus,
body .woocommerce select:focus {
  border-color: rgba(181, 65, 43, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(181, 65, 43, 0.12) !important;
}

/* ========================================================================= */
/* GLOBAL VISIBILITY SAFETY RULES - Prevent white-on-white & contrast issues */
/* ========================================================================= */

/* Rule 1: Never allow white text on white/light backgrounds */
body .woocommerce-cart [style*="background: #fff"] a,
body .woocommerce-cart [style*="background:#fff"] a,
body .woocommerce-cart [style*="background: #ffffff"] a,
body .woocommerce-cart [style*="background:#ffffff"] a,
body .woocommerce-checkout [style*="background: #fff"] a,
body .woocommerce-checkout [style*="background:#fff"] a,
body .woocommerce-checkout [style*="background: #ffffff"] a,
body .woocommerce-checkout [style*="background:#ffffff"] a,
body .woocommerce-account [style*="background: #fff"] a,
body .woocommerce-account [style*="background:#fff"] a,
body .woocommerce-account [style*="background: #ffffff"] a,
body .woocommerce-account [style*="background:#ffffff"] a {
  color: #212121 !important;
}

/* Rule 2: Ensure all link hovers have visible contrast on light backgrounds */
body a:hover:not([class*="button"]):not([class*="btn"]) {
  text-decoration: underline;
}

/* Rule 3: Prevent invisible hover states for links in cards/content areas */
body .woocommerce-cart td a:hover,
body .woocommerce-checkout .wc-block-components-order-summary-item a:hover,
body .woocommerce-account table a:hover {
  text-decoration: underline !important;
  color: var(--tepe-global-accent-dark) !important;
}

/* Rule 4: Ensure product names and prices are always visible */
body .woocommerce-cart td.product-name a,
body .woocommerce-cart td.product-price a,
body .woocommerce-checkout .wc-block-components-product-name,
body .woocommerce-account table td a {
  color: inherit !important;
}

body .woocommerce-cart td.product-name a:hover,
body .woocommerce-cart td.product-price a:hover {
  color: var(--tepe-global-accent) !important;
}

/* ========================================================================= */
/* ENHANCED DASHBOARD DESIGN — Premium Polish */
/* ========================================================================= */

/* ── Premium Design Tokens for Dashboard ──────────────────── */
body.woocommerce-account {
  --acc-shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  --acc-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.10), 0 4px 12px rgba(0, 0, 0, 0.06);
  --acc-gradient-subtle: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);
  --acc-gradient-header: linear-gradient(135deg, #111111 0%, #333333 100%);
  --acc-radius-lg: 20px;
  --acc-radius-pill: 9999px;
  --acc-border-hover: #cccccc;
}

/* ── Page Head Enhancement ────────────────────────────────── */
body.woocommerce-account .page-head {
  background: var(--acc-gradient-subtle) !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  backdrop-filter: blur(8px);
}

body.woocommerce-account .page-head::before {
  height: 4px !important;
  background: linear-gradient(90deg, rgba(181, 65, 43, 0) 0%, rgba(181, 65, 43, 0.6) 20%, rgba(181, 65, 43, 0.9) 50%, rgba(181, 65, 43, 0.6) 80%, rgba(181, 65, 43, 0) 100%) !important;
  animation: accGradientFlow 8s ease-in-out infinite;
}

@keyframes accGradientFlow {

  0%,
  100% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }
}

/* ── Title Enhancement ────────────────────────────────────── */
body.woocommerce-account .thunk-page-top-title {
  background: linear-gradient(135deg, #111111 0%, #444444 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05));
}

body.woocommerce-account .thunk-page-top-title::after {
  width: min(120px, 40%) !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(181, 65, 43, 0) 0%, rgba(181, 65, 43, 0.5) 50%, rgba(181, 65, 43, 0) 100%) !important;
  animation: accUnderlinePulse 6s ease-in-out infinite;
}

@keyframes accUnderlinePulse {

  0%,
  100% {
    transform: scaleX(0.8);
    opacity: 0.5;
  }

  50% {
    transform: scaleX(1);
    opacity: 1;
  }
}

/* ── Main Container Enhancement ───────────────────────────── */
body.woocommerce-account .entry-content>.woocommerce {
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  animation: accFadeInUp 0.6s ease both;
}

@keyframes accFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Login/Register Cards Enhancement ─────────────────────── */
body.woocommerce-account .u-columns#customer_login>.u-column1,
body.woocommerce-account .u-columns#customer_login>.u-column2 {
  background: var(--acc-gradient-subtle) !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  position: relative;
  overflow: hidden;
}

body.woocommerce-account .u-columns#customer_login>.u-column1::after,
body.woocommerce-account .u-columns#customer_login>.u-column2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0) 100%);
}

body.woocommerce-account .u-columns#customer_login>.u-column1 h2,
body.woocommerce-account .u-columns#customer_login>.u-column2 h2 {
  position: relative;
  padding-bottom: 12px;
}

body.woocommerce-account .u-columns#customer_login>.u-column1 h2::after,
body.woocommerce-account .u-columns#customer_login>.u-column2 h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, rgba(181, 65, 43, 0.8), rgba(181, 65, 43, 0.2));
  border-radius: 2px;
}

/* ── Input Enhancement ────────────────────────────────────── */
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form input[type="email"],
body.woocommerce-account .woocommerce form input[type="text"],
body.woocommerce-account .woocommerce form input[type="password"],
body.woocommerce-account .woocommerce form input[type="tel"],
body.woocommerce-account .woocommerce form select {
  background: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.woocommerce-account .woocommerce form .input-text:hover,
body.woocommerce-account .woocommerce form input:hover,
body.woocommerce-account .woocommerce form select:hover {
  border-color: #cccccc !important;
  background: #ffffff !important;
}

body.woocommerce-account .woocommerce form .input-text:focus,
body.woocommerce-account .woocommerce form input:focus,
body.woocommerce-account .woocommerce form select:focus {
  background: #ffffff !important;
  border-color: rgba(181, 65, 43, 0.6) !important;
  box-shadow: 0 0 0 4px rgba(181, 65, 43, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-1px);
}

/* ── Button Enhancement ───────────────────────────────────── */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #b5412b 0%, #cd5235 50%, #b5412b 100%) !important;
  background-size: 200% 100% !important;
  box-shadow: 0 4px 16px rgba(181, 65, 43, 0.25), 0 2px 6px rgba(181, 65, 43, 0.15) !important;
  animation: accButtonShimmer 3s ease-in-out infinite;
}

@keyframes accButtonShimmer {

  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

body.woocommerce-account .woocommerce button.button::before,
body.woocommerce-account .woocommerce .button::before,
body.woocommerce-account .woocommerce input.button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.woocommerce-account .woocommerce button.button:hover::before,
body.woocommerce-account .woocommerce .button:hover::before,
body.woocommerce-account .woocommerce input.button:hover::before {
  opacity: 1;
}

body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce input.button:hover {
  box-shadow: 0 8px 24px rgba(181, 65, 43, 0.35), 0 4px 12px rgba(181, 65, 43, 0.25) !important;
}

/* ── Dashboard Action Buttons Enhancement ─────────────────── */
body.woocommerce-account #b2bking_myaccount_make_inquiry_button,
body.woocommerce-account .b2bking_subaccounts_container_top_button,
body.woocommerce-account #b2bking_purchase_list_new_button,
body.woocommerce-account .b2bking_myaccount_start_conversation_button,
body.woocommerce-account .b2bking_myaccount_conversation_endpoint_button {
  background: linear-gradient(135deg, #b5412b 0%, #cd5235 50%, #b5412b 100%) !important;
  background-size: 200% 100% !important;
  box-shadow: 0 4px 16px rgba(181, 65, 43, 0.25), 0 2px 6px rgba(181, 65, 43, 0.15) !important;
  animation: accButtonShimmer 3s ease-in-out infinite;
}

/* ── Navigation Enhancement ───────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%) !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  padding: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  position: relative;
  padding: 12px 16px !important;
  margin-bottom: 4px;
  border-radius: 10px !important;
  background: transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  width: 6px !important;
  height: 6px !important;
  margin-right: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  background: linear-gradient(180deg, rgba(181, 65, 43, 0.8), rgba(181, 65, 43, 0.4));
  border-radius: 2px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transform: translateX(4px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::after {
  transform: translateY(-50%) scaleY(1);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before {
  background: #b5412b !important;
  transform: scale(1.3);
  box-shadow: 0 0 0 3px rgba(181, 65, 43, 0.15);
}

/* ── Content Area Enhancement ─────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  animation: accFadeInUp 0.6s 0.1s ease both;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  position: relative;
  padding-bottom: 12px;
}

body.woocommerce-account .woocommerce-MyAccount-content h2::after,
body.woocommerce-account .woocommerce-MyAccount-content h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, rgba(181, 65, 43, 0.8), rgba(181, 65, 43, 0.2));
  border-radius: 2px;
}

/* ── Table Enhancement ────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden;
  border-radius: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid #b5412b !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr {
  transition: background 0.2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:nth-child(even) {
  background: #fafafa;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:hover {
  background: #f5f5f5;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #eeeeee !important;
  transition: all 0.2s ease;
}

/* ── Container Cards Enhancement ──────────────────────────── */
body.woocommerce-account .b2bking_subaccounts_account_container,
body.woocommerce-account .b2bking_subaccounts_new_account_container,
body.woocommerce-account .b2bking_myaccount_individual_offer_container,
body.woocommerce-account .b2bking_myaccount_individual_conversation_container {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  animation: accFadeInUp 0.5s ease both;
}

body.woocommerce-account .b2bking_subaccounts_account_top,
body.woocommerce-account .b2bking_myaccount_individual_offer_top,
body.woocommerce-account .b2bking_myaccount_individual_conversation_top {
  background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ── Offer Header Lines Enhancement ───────────────────────── */
body.woocommerce-account .b2bking_myaccount_individual_offer_header_line {
  background: linear-gradient(180deg, #f8f8f8 0%, #f0f0f0 100%) !important;
  border-top: 2px solid #e8e8e8 !important;
  border-bottom: 2px solid #e8e8e8 !important;
}

/* ── Conversation Messages Enhancement ────────────────────── */
body.woocommerce-account #b2bking_conversation_messages_container {
  background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%) !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.woocommerce-account .b2bking_conversation_message {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid #e8e8e8 !important;
  transition: all 0.25s ease;
}

body.woocommerce-account .b2bking_conversation_message:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-2px);
}

body.woocommerce-account .b2bking_conversation_message_self {
  background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%) !important;
  border-left: 3px solid #b5412b !important;
}

/* ── Purchase Lists Table Enhancement ─────────────────────── */
body.woocommerce-account div#b2bking_purchase_lists_table_wrapper {
  border: 1px solid #e8e8e8 !important;
  box-shadow: var(--acc-shadow-elevated) !important;
  overflow: hidden;
  border-radius: 16px !important;
}

body.woocommerce-account #b2bking_purchase_lists_table thead th {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid #b5412b !important;
}

body.woocommerce-account #b2bking_purchase_lists_table tbody tr {
  transition: background 0.2s ease;
}

body.woocommerce-account #b2bking_purchase_lists_table tbody tr:nth-child(even) {
  background: #fafafa;
}

body.woocommerce-account #b2bking_purchase_lists_table tbody tr:hover {
  background: #f5f5f5;
}

body.woocommerce-account #b2bking_purchase_lists_table tbody td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #eeeeee !important;
}

/* ── Pagination Buttons Enhancement ───────────────────────── */
body.woocommerce-account #b2bking_purchase_lists_table_paginate .paginate_button {
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.woocommerce-account #b2bking_purchase_lists_table_paginate .paginate_button.current {
  background: linear-gradient(135deg, #b5412b 0%, #cd5235 100%) !important;
  border-color: #b5412b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(181, 65, 43, 0.25) !important;
}

body.woocommerce-account #b2bking_purchase_lists_table_paginate .paginate_button:hover {
  background: linear-gradient(135deg, #8f2f1d 0%, #b5412b 100%) !important;
  border-color: #8f2f1d !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(181, 65, 43, 0.3) !important;
}

/* ── Notices/Alerts Enhancement ───────────────────────────── */
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%) !important;
  border: 1px solid #e8e8e8 !important;
  border-left: 4px solid #b5412b !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  animation: accFadeInUp 0.5s ease both;
}

/* ── Links Enhancement ────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content a {
  position: relative;
  text-decoration: none;
  transition: all 0.25s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #b5412b, #cd5235);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover::after {
  width: 100%;
}

/* ── Secondary/Danger Buttons Enhancement ─────────────────── */
body.woocommerce-account .b2bking_subaccounts_edit_account_container_content_bottom_button_delete,
body.woocommerce-account .b2bking_myaccount_conversation_endpoint_container_top a button {
  background: linear-gradient(135deg, #4a4a4a 0%, #6c5b49 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.woocommerce-account .b2bking_subaccounts_edit_account_container_content_bottom_button_delete:hover,
body.woocommerce-account .b2bking_myaccount_conversation_endpoint_container_top a button:hover {
  background: linear-gradient(135deg, #333333 0%, #4f4132 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-2px);
}

/* ── Privacy Policy Text Enhancement ──────────────────────── */
body.woocommerce-account .woocommerce-privacy-policy-text {
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%) !important;
  border: 1px solid #e8e8e8 !important;
  border-left: 3px solid #b5412b !important;
}

/* ── Responsive Grid Enhancement for Dashboard Sections ───── */
@media (min-width: 900px) {

  body.woocommerce-account #b2bking_myaccount_offers_container,
  body.woocommerce-account #b2bking_myaccount_conversations_container,
  body.woocommerce-account .b2bking_subaccounts_container {
    gap: 20px !important;
  }

  body.woocommerce-account #b2bking_myaccount_offers_container .b2bking_myaccount_individual_offer_container,
  body.woocommerce-account #b2bking_myaccount_conversations_container .b2bking_myaccount_individual_conversation_container,
  body.woocommerce-account .b2bking_subaccounts_container .b2bking_subaccounts_account_container {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  body.woocommerce-account #b2bking_myaccount_offers_container .b2bking_myaccount_individual_offer_container:hover,
  body.woocommerce-account #b2bking_myaccount_conversations_container .b2bking_myaccount_individual_conversation_container:hover,
  body.woocommerce-account .b2bking_subaccounts_container .b2bking_subaccounts_account_container:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.10) !important;
  }
}

/* ── Scroll Animation for Sections ────────────────────────── */
body.woocommerce-account .b2bking_subaccounts_account_container,
body.woocommerce-account .b2bking_myaccount_individual_offer_container,
body.woocommerce-account .b2bking_myaccount_individual_conversation_container {
  animation: accStaggerFadeIn 0.5s ease both;
}

body.woocommerce-account .b2bking_subaccounts_account_container:nth-child(2),
body.woocommerce-account .b2bking_myaccount_individual_offer_container:nth-child(2),
body.woocommerce-account .b2bking_myaccount_individual_conversation_container:nth-child(2) {
  animation-delay: 0.1s;
}

body.woocommerce-account .b2bking_subaccounts_account_container:nth-child(3),
body.woocommerce-account .b2bking_myaccount_individual_offer_container:nth-child(3),
body.woocommerce-account .b2bking_myaccount_individual_conversation_container:nth-child(3) {
  animation-delay: 0.2s;
}

@keyframes accStaggerFadeIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── Micro-interactions ───────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form input,
body.woocommerce-account .woocommerce form select,
body.woocommerce-account button,
body.woocommerce-account .button {
  will-change: transform, box-shadow;
}

/* ── Focus Visible Enhancement ────────────────────────────── */
body.woocommerce-account a:focus-visible,
body.woocommerce-account button:focus-visible,
body.woocommerce-account input:focus-visible {
  outline: 2px solid rgba(181, 65, 43, 0.5) !important;
  outline-offset: 3px !important;
}

/* ========================================================================= */
/* COMPREHENSIVE HOVER FIX — Prevent white-on-white across entire frontend */
/* ========================================================================= */

/* Navigation mega menu hover — white background, black text */
body .mega-menu a:hover,
body .megamenu a:hover,
body .sub-menu a:hover,
body .children a:hover {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Header cart/search icons hover */
body .header-icon a:hover,
body .thunk-icon a:hover,
body .cart-icon a:hover,
body .search-icon a:hover {
  color: #111111 !important;
  background: #ffffff !important;
}

/* Product cards and shop links — never white on white */
body ul.products li.product a:hover,
body .woocommerce ul.products a:hover {
  color: #111111 !important;
}

/* Breadcrumb links hover */
body .woocommerce-breadcrumb a:hover,
body .breadcrumb a:hover,
body .trail-items a:hover {
  color: #b5412b !important;
}

/* Footer links hover — keep visible */
body .site-footer a:hover,
body .sm-site-footer a:hover,
body .footer a:hover {
  color: #b5412b !important;
}

/* Sidebar widget links hover */
body .widget a:hover,
body .widget_product_categories a:hover {
  color: #b5412b !important;
}

/* Single product page links hover */
body .single-product .product_title a:hover,
body .single-product .product_meta a:hover {
  color: #b5412b !important;
}

/* Prevent any inline white hover color overrides */
body a[style*="color: white"]:hover,
body a[style*="color:#fff"]:hover,
body a[style*="color: #fff"]:hover,
body a[style*="color: #ffffff"]:hover {
  color: #111111 !important;
}

/* ========================================================================= */
/* SMOOTH SCROLL BEHAVIOR */
/* ========================================================================= */

html {
  scroll-behavior: smooth !important;
}

/* Smooth scroll for all anchor links */
body a[href^="#"] {
  scroll-behavior: smooth;
}

/* ========================================================================= */
/* EXCLUDE PRODUCT CATEGORY PAGE FROM GLOBAL HOVER RULES */
/* The archive-product.php has its own premium hover color system (#a4161a red) */
/* ========================================================================= */

/* Product cards - full card clickable overlay, no link hover needed */
body.woocommerce-page .tk-wrap a.tk-card-link:hover,
body.product-category a.tk-card-link:hover,
body.product-tag a.tk-card-link:hover {
  color: transparent !important;
}

/* Breadcrumb links - keep premium white-on-dark or red hover */
body.product-category .tk-crumb a:hover,
body.product-tag .tk-crumb a:hover {
  color: #a4161a !important;
}

/* Sidebar accordion - all link hovers use native red */
body.product-category .tk-acc-link:hover,
body.product-category .tk-acc-link.active,
body.product-tag .tk-acc-link:hover,
body.product-tag .tk-acc-link.active {
  color: #a4161a !important;
}

/* Root category link hover */
body.product-category .tk-root-link:hover,
body.product-category .tk-root-link.active,
body.product-tag .tk-root-link:hover,
body.product-tag .tk-root-link.active {
  background: #f8f9fa !important;
  color: #1a1a1a !important;
}

/* Pagination hover */
body.product-category .tk-pg:hover,
body.product-tag .tk-pg:hover {
  background: #f8f9fa !important;
  border-color: #666666 !important;
  color: #1a1a1a !important;
}

/* Accordion button hover */
body.product-category .tk-acc-btn:hover,
body.product-tag .tk-acc-btn:hover {
  background: #f8f9fa !important;
  color: #1a1a1a !important;
}

/* Cart button hover on product cards */
body.product-category .tk-btn-cart:hover,
body.product-tag .tk-btn-cart:hover {
  background: #8a1215 !important;
  color: #fff !important;
}

/* ========================================================================= */
/* SMOOTH TRANSITIONS FOR LINKS AND TEXT */
/* ========================================================================= */

/* Add smooth transitions to all text links */
body a {
  transition: color 0.2s ease, text-decoration 0.2s ease, opacity 0.2s ease;
}

/* Add smooth transitions to all buttons */
body button,
body input[type="submit"],
body .button,
body a.button {
  transition: all 0.25s ease !important;
}

/* Smooth transitions for form inputs on focus */
body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="password"],
body textarea,
body select {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Smooth transitions for cards and blocks */
body .woocommerce-cart .woocommerce-cart-form,
body .woocommerce-cart .cart_totals,
body .woocommerce-checkout .wc-block-components-checkout-step,
body .woocommerce-checkout .wc-block-checkout__sidebar,
body .woocommerce-account .entry-content>.woocommerce,
body .woocommerce-account .woocommerce-MyAccount-content,
body .woocommerce-account .page-head,
body .contact-form-card,
body .contact-info-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

/* ========================================================================= */

/* ========================================================================= */
/* FIX MOBILE LANGUAGE TRANSLATOR OFFSET                                     */
/* Override index00.css which forces the translator 70px out of the header   */
/* ========================================================================= */
@media (max-width: 899px) {

  .header .nav-icons .gtranslate_wrapper,
  .header .nav-icons .gt_float_switcher,
  #masthead .gtranslate_wrapper {
    top: auto !important;
    bottom: auto !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    z-index: 9999 !important;
    margin-top: 0 !important;
    top: 0 !important;
    /* Fallback if relative anchoring fails */
  }
}