/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
  scroll-padding-top: 120px; /* default for desktop */
}

@media (max-width: 1024px) {
  :root {
    scroll-padding-top: 90px; /* tablets */
  }
}

@media (max-width: 768px) {
  :root {
    scroll-padding-top: 70px; /* mobile */
  }
}

body {
	background-color: #1a1a1a !important;
	color: #e0e0e0 !important;
	font-family: Inter !important;
}
.wsf-label {
  color: #e1e1e1 !important;
  font-family: Inter !important;
  font-weight: 500 !important;
}
.wsf-form legend {
  color: #e1e1e1 !important;
  font-family: Inter !important;
  font-weight: 500 !important;
  font-size: 1.5em !important;
}
.wsf-help {
  color: #e1e1e1 !important;
}
p, h1, h2, h3, h4, h5 {
	font-family: Inter !important;
}
:root {
  --wsf-form-font-family: Inter, sans-serif;
}
.wsf-form {
  --wsf-form-font-family: Inter, sans-serif;
}
.post-24 {
  margin-top: 60px;
}
/* 1) Stop horizontal scrolling */
html { overflow-x: hidden; }
body { overflow-x: clip; margin: 0; }  /* kill the default body margin */

/* 2) Fix the logged-in WordPress admin-bar gap (desktop + mobile) */
html { margin-top: 0 !important; }                 /* undo WP's injected margin */
body.admin-bar { padding-top: 32px; }              /* space for the bar on desktop */
@media (max-width: 782px){
  body.admin-bar { padding-top: 46px; }            /* space for the taller mobile bar */
}
.menu-item {
	font-weight: 600 !important;
}

/* FOR WOOCOMMERCE LOGIN/REGISTER PAGES */
.woocommerce form.login,
.woocommerce form.register {
  background-color: #1a1a1a;
  border: 1px solid #333;
  padding: 30px;
  border-radius: 10px;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"] {
  background-color: #111;
  color: white;
  border: 1px solid #555;
}
label {
	padding-top: 10px !important;
}
.woocommerce-PaymentBox {
	padding: 10px !important;
}
.woocommerce-customer-details {
	padding-block: 15px;
}
/* Saiko PC - WooCommerce Link Hover Color */
.woocommerce a {
  color: inherit !important; /* keep normal text color */
  transition: color 0.25s ease;
  font-weight: 600;
}

.woocommerce a:hover {
  color: #6141e1 !important; /* Saiko purple on hover */
}
.edit {
	padding-bottom: 7px;
	font-weight: 500 !important;
}
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button {
  background-color: #6141e1; /* Your main purple */
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  transition: background 0.2s ease;
}
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover {
  background-color: #7c67ec;
}
.woocommerce .show-password-input {
  background-color: #111 !important; /* Match your field background */
  color: white;
  border: none;
  margin: 0 5px;
  padding: 0 10px;
  border-radius: 0;
}
body.page-id-24 article#brx-content > h1 {
  display: none;
}

/* logged in my account page */
.woocommerce-MyAccount-navigation {
  background-color: #1f1f1f !important; /* dark background to match your theme */
  padding: 20px !important;
  border-radius: 10px !important;
}

.woocommerce-MyAccount-navigation ul li a {
  color: whitesmoke !important;
  font-weight: 400 !important;
  padding: 8px 16px !important;
  margin: 5px !important;
  display: block !important;
  border-radius: 6px !important;
  transition: background 0.2s ease !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #6141e1 !important;
  color: #e1e1e1 !important;
  font-weight: 500 !important;
}
.woocommerce .woocommerce-info {
  background-color: #1f1f1f;   /* your dark gray */
  color: #ffffff;              /* white text */
  border-top-color: transparent; /* removes blue top border */
}

.woocommerce .woocommerce-info a {
  color: #ffffff;              /* make the link/button white too */
  font-weight: 500 !important;
  border-radius: 10px;
}

.woocommerce .woocommerce-info a.button {
  background-color: #6141e1;   /* your purple button */
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  transition: background 0.2s ease;
}

.woocommerce .woocommerce-info a.button:hover {
  background-color: #7c67ec;
}

/* account details section */
.woocommerce-form-row > label {
	margin: 15px 0px 0px 0px !important;
}

.woocommerce-Input {
	margin-top: 0px !important;
}
#account_email {
	margin-bottom: 15px;
}
.woocommerce-EditAccountForm fieldset {
  border: 1px solid #333;
  border-radius: 8px;
}

.password-input {
	margin-top: 0px !important;
}

.woocommerce button[name="save_account_details"] {
  font-weight: 500 !important;
}
/* WooCommerce Sorting Dropdown */
.woocommerce .woocommerce-ordering select {
  background-color: #1f1f1f;
  color: #e0e0e0;
  border: 1px solid #333;
  padding: 10px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
}

/* On focus */
.woocommerce .woocommerce-ordering select:focus {
  outline: none;
  border-color: #6141e1;
  box-shadow: 0 0 4px rgba(97, 65, 225, 0.6);
}

/* Dropdown options */
.woocommerce .woocommerce-ordering select option {
  background-color: #1f1f1f;
  font-family: Inter !important;
  color: #e0e0e0;
}
/* Apply to the dropdown wrapper */
.woocommerce .woocommerce-ordering select {
  background-color: #1f1f1f;
  color: #e0e0e0;
  border: 1px solid #333;
  padding: 10px;
  border-radius: 4px;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
}

/* Fallback for dropdown options */
.woocommerce .woocommerce-ordering select option {
  font-family: 'Inter', sans-serif !important;
  background-color: #1f1f1f;
  color: #e0e0e0;
}
/* Force override WSForm select styling */
.wsf-form select,
.wsf-form select option {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  font-family: 'Inter', sans-serif !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  padding: 10px !important;
  appearance: none !important; /* removes browser styling */
}

/* Focus style */
.wsf-form select:focus {
  outline: none !important;
  border-color: #6141e1 !important;
  box-shadow: 0 0 4px rgba(97, 65, 225, 0.6) !important;
}
/* General form field styling */
.wsf-form input[type="text"],
.wsf-form input[type="email"],
.wsf-form input[type="tel"],
.wsf-form input[type="url"],
.wsf-form input[type="number"],
.wsf-form input[type="password"],
.wsf-form select,
.wsf-form textarea {
  background-color: #202020 !important;
  color: #dddddd !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
  padding: 10px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  appearance: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.wsf-form input:focus,
.wsf-form select:focus,
.wsf-form textarea:focus {
  outline: none !important;
  border-color: #6141e1 !important;
  box-shadow: 0 0 4px rgba(97, 65, 225, 0.25) !important;
}

/* Form labels */
.wsf-form label {
  color: #e0e0e0 !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* Style all WS Form buttons: next, previous, submit */
.wsf-form .wsf-button {
  background-color: #6141e1 !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

.wsf-form .wsf-button:hover {
  background-color: #7c67ec !important;
  box-shadow: 0 0 10px rgba(97, 65, 225, 0.3) !important;
}

.wsf-form .wsf-button:active {
  transform: scale(0.97);
  box-shadow: 0 0 6px rgba(97, 65, 225, 0.25) !important;
}

/* WS Form progress bar base style */
.wsf-form progress {
  width: 100% !important;
  height: 12px !important;
  border-radius: 10px !important;
  background-color: #333 !important;
  overflow: hidden;
  appearance: none;
}

/* Background of the filled part */
.wsf-form progress::-webkit-progress-bar {
  background-color: #333 !important;
  border-radius: 10px !important;
}

/* The animated fill (WebKit) */
.wsf-form progress::-webkit-progress-value {
  background-color: #6141e1 !important;
  border-radius: 10px !important;
  transition: width 0.6s ease-in-out !important;
}

/* The animated fill (Firefox) */
.wsf-form progress::-moz-progress-bar {
  background-color: #6141e1 !important;
  border-radius: 10px !important;
  transition: width 0.6s ease-in-out !important;
}
/* Try direct file input if visible */
.wsf-form input[type="file"] {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  border: 2px dashed #6141e1 !important;
  padding: 12px !important;
  border-radius: 5px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  appearance: none !important;
  cursor: pointer !important;
}

/* Fallback: dropzone-style area */
.wsf-form .wsf-dropzone,
.wsf-form .dropzone,
.wsf-form .wsf-file-upload {
  background-color: #1f1f1f !important;
  color: #e0e0e0 !important;
  border: 2px dashed #6141e1 !important;
  padding: 20px !important;
  border-radius: 6px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.wsf-form .wsf-dropzone:hover,
.wsf-form .dropzone:hover {
  background-color: #242424 !important;
  border-color: #7c67ec !important;
  box-shadow: 0 0 8px rgba(97, 65, 225, 0.3) !important;
}

/* Uploaded file display box */
.wsf-form .wsf-upload-files {
  background: #1a1a1a !important;
  border: 1px solid #444 !important;
  color: #e0e0e0 !important;
  padding: 10px !important;
  margin-top: 10px !important;
  border-radius: 4px !important;
}
/* Fully center WSForm file upload text horizontally and vertically */
.wsf-form .dz-message {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  height: 100% !important;
  min-height: 100px !important; /* ensures there is space to center inside */
  padding: 10px !important;
  margin: 0 auto !important;
  color: #aaa !important;
  font-size: 15px !important;
}
/* 
#brx-content a {
  color: #7c67ec !important;
  text-decoration: underline;
}
*/

/* CHECKOUT PAGE */
/* Entire checkout background */
.wc-block-checkout {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* Form fields */
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-select select {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
}

/* Labels */
.wc-block-components-text-input label,
.wc-block-components-textarea label,
.wc-block-components-select label,
.wc-block-checkout__title,
.wc-block-checkout__step-title {
  color: #e0e0e0 !important;
}

/* Order summary table */
.wc-block-checkout-order-summary {
  background-color: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
}

/* Buttons - Place Order */
.wc-block-components-button,
.wc-block-components-checkout-place-order-button {
  background-color: #6141e1 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.9em 1.5em !important;
  font-weight: 600 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease;
}

/* Buttons Hover */
.wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background-color: #472fc4 !important;
  color: #fff !important;
}

/* Notices / errors / messages */
.wc-block-components-notice,
.wc-block-components-notice-banner {
  background-color: #242424 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

/* Shipping / payment method text */
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__description {
  color: #e0e0e0 !important;
}

/* Additional fields / notes */
.wc-block-checkout-additional-information-block,
.wc-block-checkout-order-note-block {
  background-color: #1a1a1a !important;
}
/* Push the Checkout and Cart content down below the sticky header */
.post-23, .post-22 {
  margin-top: 80px;
}


/* removes blue link text */
/* === LINKS: HEADER & FOOTER ONLY (exclude buttons) === */

/* Base color */
header a:not(.button):not(.wp-block-button__link):not(.woocommerce-button),
footer a:not(.button):not(.wp-block-button__link):not(.woocommerce-button),
header nav a:not(.button):not(.wp-block-button__link):not(.woocommerce-button),
footer nav a:not(.button):not(.wp-block-button__link):not(.woocommerce-button),
header .bricks-nav-menu a:not(.button),
footer .bricks-nav-menu a:not(.button),
header .brxe-nav-menu a:not(.button),
footer .brxe-nav-menu a:not(.button) {
  color: #e5e5e5 !important;
  text-decoration: none !important;
  transition: color .2s ease-in-out;
}

/* Hover */
header a:not(.button):not(.wp-block-button__link):not(.woocommerce-button):hover,
footer a:not(.button):not(.wp-block-button__link):not(.woocommerce-button):hover,
header nav a:not(.button):not(.wp-block-button__link):not(.woocommerce-button):hover,
footer nav a:not(.button):not(.wp-block-button__link):not(.woocommerce-button):hover,
header .bricks-nav-menu a:not(.button):hover,
footer .bricks-nav-menu a:not(.button):hover,
header .brxe-nav-menu a:not(.button):hover,
footer .brxe-nav-menu a:not(.button):hover {
  color: #7c5bff !important;
  text-decoration: none !important;
}

/* Keep buttons looking like buttons in header/footer */
header .wp-block-button__link,
footer .wp-block-button__link,
header a.button, header button,
footer a.button, footer button {
  color: #ffffff !important;
}

/* WooCommerce Order Received Page Table Styling */
.woocommerce-order,
.woocommerce-order-details,
.woocommerce-table--order-details,
.woocommerce-order-details tfoot,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
}

/* Adjust box around table (reduced padding) */
.woocommerce-order-details {
    border: 1px solid #2a2a2a !important;
    border-radius: 10px;
    padding: 10px;
}

/* --- Thank You page: Billing + Shipping side by side --- */
.woocommerce-order .woocommerce-columns--addresses,
.woocommerce-order .col2-set.addresses,
.woocommerce-order .woocommerce-columns.woocommerce-columns--addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 25px !important;
  align-items: start !important;
}

/* Make each column fluid */
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column,
.woocommerce-order .col2-set.addresses .woocommerce-column {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  background: #1f1f1f !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  padding: 10px !important;
  color: #e0e0e0 !important;
}

/* Headings */
.woocommerce-order .woocommerce-column__title {
  color: #e0e0e0 !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding-bottom: 5px !important;
  margin-bottom: 10px !important;
}

/* Mobile stacking */
@media (max-width: 768px) {
  .woocommerce-order .woocommerce-columns--addresses,
  .woocommerce-order .col2-set.addresses,
  .woocommerce-order .woocommerce-columns.woocommerce-columns--addresses {
    grid-template-columns: 1fr !important;
  }
}

/* --- Top Order Overview Table --- */
.woocommerce-order-overview,
.woocommerce-order-overview tr,
.woocommerce-order-overview td,
.woocommerce-order-overview th {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
    border: none !important;
}

.woocommerce-order-overview {
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

/* Table text alignment + spacing */
.woocommerce-order-overview td,
.woocommerce-order-overview th {
    padding: 6px 10px !important;
    text-align: left !important;
}

/* Headings + text tone */
.woocommerce-order {
    color: #e0e0e0 !important;
}

.woocommerce-order p {
    color: #bfbfbf !important;
}

.woocommerce-order-overview strong {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* My Account: side-by-side Billing + Shipping boxes */
.woocommerce-account .woocommerce-Addresses.addresses,
.woocommerce-account .addresses.col2-set {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}

/* Box styling + compact padding */
.woocommerce-account .woocommerce-Address,
.woocommerce-account .addresses .col-1,
.woocommerce-account .addresses .col-2 {
  background: #1f1f1f !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  padding: 10px !important;
  color: #e0e0e0 !important;
  margin: 0 !important;
}

/* Headings: smaller + tighter */
.woocommerce-account .woocommerce-Address h2,
.woocommerce-account .addresses h3,
.woocommerce-account .addresses h2 {
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  color: #e0e0e0 !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding-bottom: 6px !important;
}

/* Address text spacing */
.woocommerce-account .woocommerce-Address address {
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Mobile: stack vertically */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-Addresses.addresses,
  .woocommerce-account .addresses.col2-set {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
/* Center the "Order again" button on Order Details page */
.woocommerce-order-details .order-again,
.woocommerce-order .order-again {
  text-align: center !important;
  padding-bottom: 20px !important;
}

.woocommerce-order-details .order-again a.button,
.woocommerce-order .order-again a.button {
  display: inline-block !important;
  margin: 0 auto !important;
  float: none !important;
}

/* miscellanous stuff in my-account */
.woocommerce mark {
    background-color: transparent !important;
    color: #e1e1e1;
    padding: 0px !important;
}
.product-quantity {
	color: black;
}


/* mini cart css */
/* --- Mini Cart Styling (Dark Theme) --- */
.cart-detail,
.widget_shopping_cart_content {
  background-color: #1f1f1f !important;  /* Dark container */
  color: #e0e0e0 !important;             /* Light text */
  border: 1px solid #2a2a2a !important;  /* Subtle border */
  border-radius: 10px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
}

/* Empty cart message */
.woocommerce-mini-cart__empty-message {
  color: #e0e0e0 !important;
  text-align: center;
  padding: 15px 20px !important;
}

/* Text inside the cart (subtotal, product names, etc.) */
.widget_shopping_cart_content a,
.widget_shopping_cart_content p,
.widget_shopping_cart_content span {
  color: #e0e0e0 !important;
}

/* Buttons inside mini cart */
.widget_shopping_cart_content a.button,
.widget_shopping_cart_content button {
  background-color: #6141e1 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  transition: background-color 0.25s ease-in-out;
}

.widget_shopping_cart_content a.button:hover,
.widget_shopping_cart_content button:hover {
  background-color: #7c5bff !important;
}

/* Mobile and Tablet spacing for WooCommerce Login/Register */
@media (max-width: 1024px) {
  /* Add side gutters for titles + forms */
  .woocommerce-account .woocommerce h2,
  .woocommerce-account .woocommerce form.login,
  .woocommerce-account .woocommerce form.register {
    margin-inline: 24px !important;   /* a bit more breathing room on tablets */
  }

  /* Padding inside the form boxes */
  .woocommerce-account .woocommerce form.login,
  .woocommerce-account .woocommerce form.register {
    padding: 20px !important;
    border-radius: 12px;               /* matches your soft rounded style */
  }

  /* Respect safe area (for notches or rounded corners) */
  .woocommerce-account .woocommerce {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
}

/* Fix mini-cart window on mobile */
@media (max-width: 767px) {
  .cart-detail {
    position: fixed !important;                 /* keep it in viewport */
    top: calc(60px + env(safe-area-inset-top)) !important; /* just below header */
    right: 12px !important;                     /* small gap from edge */
    left: auto !important;
    transform: none !important;                 /* remove any translate offset */
    width: min(90vw, 380px) !important;         /* prevent overflow */
    max-width: 90vw !important;
    margin: 0 !important;
    z-index: 9999 !important;
    box-sizing: border-box;
  }

  /* Ensure inner content fits and scrolls if needed */
  .cart-detail .widget_shopping_cart_content {
    max-height: 70vh;
    overflow-y: auto;
    padding: 16px;
  }
}

/* ────────────────
   Saiko PC - Final Email Verification Styling
   ──────────────── */

.cev-authorization {
  background: #1f1f1f !important;
  color: #e0e0e0 !important;
  border-radius: 16px !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  max-width: 420px;
  margin: 0 auto;
  padding: 30px 40px 35px !important;
}

/* Envelope icon + spacing */
.popup_image {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px !important;
  margin-top: 5px !important;
}

.popup_image img {
  width: 100px !important;
  filter: brightness(0) invert(1) !important;
}

/* Title */
.cev-authorization__title {
  color: #ffffff !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin-bottom: 6px !important;
}

/* Description */
.cev-authorization__description {
  color: #e0e0e0 !important;
  text-align: left !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  margin-bottom: 18px !important;
  max-width: 100%;
}

/* OTP inputs */
.cev-pin-verification {
  display: flex;
  justify-content: flex-start;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.cev-pin-verification input {
  background-color: #242424 !important;
  color: #ffffff !important;
  border: 1px solid #6141e1 !important;
  border-radius: 10px !important;
  text-align: center !important;
  width: 55px !important;
  height: 55px !important;
  font-size: 22px !important;
  outline: none !important;
  transition: border-color 0.3s ease;
}

.cev-pin-verification input:focus {
  border-color: #7e62f5 !important;
}

/* Footer */
.cev-authorization__footer {
  text-align: left !important;
  color: #bdbdbd !important;
  font-size: 0.9rem !important;
}

.cev-authorization__footer a {
  color: #9a84ff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.cev-authorization__footer a:hover {
  text-decoration: underline !important;
  color: #c3b0ff !important;
}

/* Back arrow */
#Capa_1,
.back_btn svg,
.back_btn path {
  fill: #e0e0e0 !important;
  stroke: #e0e0e0 !important;
}
/* Darken the overlay/backdrop only */
#otp-popup, .cev-authorization-grid__visual,
.cev-authorization-grid__visual[style*="background"],
.otp_popup_inn,
.otp_popup_inn[style*="background"] {
  background: rgba(26, 26, 26, 0.85) !important; /* Saiko dark overlay */
}


.cev-authorization__holder {
  gap: 1vw !important; /* subtle, more compact */
}


/* Saiko PC - Dark Select2 Dropdown Theme */
.select2-container--default .select2-selection--single {
  background-color: #111111 !important;
  border: 1px solid #555555 !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 40px !important;
  padding-left: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}

/* Dropdown panel */
.select2-container--default .select2-dropdown {
  background-color: #111111 !important;
  border: 1px solid #555555 !important;
  color: #ffffff !important;
}

/* Dropdown items */
.select2-container--default .select2-results__option {
  color: #ffffff !important;
  background-color: #111111 !important;
}

/* Highlighted (hover/active) item */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #6141e1 !important;
  color: #ffffff !important;
}

/* Search field inside dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
}

/* Scrollbar styling (optional, for dark consistency) */
.select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.select2-results__options::-webkit-scrollbar-thumb {
  background: #333333;
}

/* Hide PayPal express / smart buttons and messages on product pages */
.single-product .ppc-button-wrapper,
.single-product .paypal-buttons,
.single-product .paypal-button,
.single-product .ppcp-messages,
.single-product .ppc-button,
.single-product #ppc-button,
.single-product .ppc-message,
.single-product .paypal-messages,
.single-product [data-paypal-button],
.single-product [data-funding-source],
.single-product iframe[src*="paypal"] {
  display: none !important;
}
.yith-wcwl-icon-svg {
	color: white !important;
}
/* Hide PayPal Pay Later messaging on the checkout page */
.ppcp-messages {
  display: none !important;
}