/*
Theme Name:     Lab Gear Child
Theme URI:      n/a
Template:       kadence
Author:         Harnoor Gill
Author URI:     n/a
Description:    Customizations for the Lab Gear site using Kadence.
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* ================================
   🟢 Back In Stock Notifier Styling (Lab Gear)
   Plugin: Back In Stock Notifier for WooCommerce by CodeAstrology
   ================================ */

/* Main form container */
#bisnotifier_form {
  background-color: #1C1C1C; /* Subtle dark background (Lab Gear palette) */
  padding: 1.5em;
  border-radius: 8px;
  border: 1px solid #2A2A2A; /* Slightly lighter border for contrast */
  max-width: auto; /* Keeps form narrow and readable */
}

/* Form labels (e.g., "Email Address") */
#bisnotifier_form label {
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 14px;
  color: #E5E5E5; /* Strong text color */
}

/* Email input field */
#bisnotifier_form input[type="email"] {
  background-color: #ffffff;  /* White background for better readability */
  border: 1px solid #3A3A3A;  /* Subtle gray border */
  color: #000000;             /* Black text for typed input */
  padding: 0.5em;
  width: 100%;
  margin-top: 0.3em;
  margin-bottom: 0.8em;
  border-radius: 4px;
}

/* Submit button styling ("Notify Me" button) */
#bisnotifier_form input[type="submit"] {
  background-color: #39FF14;  /* Neon green (Accent 1) */
  color: #1C1C1C;             /* Dark text for contrast */
  font-weight: bold;
  padding: 0.5em 1em;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Submit button hover effect */
#bisnotifier_form input[type="submit"]:hover {
  background-color: #2BCC10; /* Alternate green (Accent 2) */
}

/* Success message box (e.g., "You’ll be notified...") */
.bis-notify-success {
  background-color: #2BCC10; /* Accent 2 green background */
  color: #1C1C1C;            /* Dark text for contrast */
  font-size: 13px;
  padding: 0.8em;
  border-radius: 4px;
  margin-top: 1em;
  font-weight: 500;
}

/* Error message box (e.g., "Please enter a valid email") */
.bis-notify-error {
  background-color: #FF3333; /* Bright red background */
  color: #FFFFFF;            /* White text for contrast */
  font-size: 13px;
  padding: 0.8em;
  border-radius: 4px;
  margin-top: 1em;
  font-weight: 500;
}

/* GDPR consent checkbox label text (e.g., "I agree to the terms...") */
#bisnotifier_form .bis-gdpr-wrapper label {
  color: #B0B0B0;   /* Medium text color */
  font-size: 13px;
}


/* ================================
   ✍️ Global Input Fix: Ensure Typed Text is Black in All Forms
   Applies to any input or textarea on the site
   ================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
  color: #000000 !important; /* Forces typed text to black */
}

/* Override default panel-heading background for Back In Stock header */
.panel-heading {
  background-color: #2A2A2A !important;  /* Lab Gear: Lighter Background */
  color: #E5E5E5;                        /* Strong Text */
  padding: 1em;
  border-radius: 6px;
  text-align: center;
  border: none;
}

/* 🔧 Remove default blue border and reset panel style */
.panel-primary {
  border: 1px solid #2A2A2A !important; /* Lighter background border */
  border-radius: 6px;
  background-color: #1C1C1C; /* Match main container background */
  box-shadow: none;
}

/* 🟢 Optional: tighten padding in the body to match */
.panel-body {
  padding: 1.2em;
  background-color: transparent; /* Inherit background */
}

/* 🔧 Remove blue underline from Back In Stock heading */
.panel-heading {
  border-bottom: 2px solid #39FF14 !important; /* neon green accent */
}


/* 🔒 Hide the email input field for logged-in users (Back In Stock plugin) */
body.logged-in input[name="cwgstock_email"] {
  display: none !important;
}

/* 🔒 Also hide its placeholder label and surrounding spacing if present */
body.logged-in label[for="cwgstock_email"],
body.logged-in .cwgstock_email,
body.logged-in br {
  display: none !important;
}

/* ===== Lab Gear: Global Radio Box Swatch Styling ===== */

/* Base (unselected) swatch buttons */
.kad_radio_variations label {
  display: inline-block;
  background-color: #f7f7f7;     /* light neutral background */
  color: #000000;                /* always black text */
  border: 2px solid #ccc;
  border-radius: 6px;
  padding: 10px 16px;
  margin: 6px 4px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
}

/* Hover effect */
.kad_radio_variations label:hover {
  border-color: #39FF14;
  background-color: #eaffea;
}

/* Mobile adjustments */
@media (max-width: 480px) {
  .kad_radio_variations label {
    padding: 10px 12px;
    font-size: 14px;
  }
}
/* My Account -> View Order has an Order again button which needs manual override for text to show black in steead of white. */
.order-again .button {
  color: #000000 !important; 
}

/* Text-Color for Sale Flag in Product Pages */
:root {
  --global-palette-highlight-alt2: #000000;
}

/* Fix Kadence overriding alignwide styles on WooCommerce Cart */
.woocommerce-page .wp-block-woocommerce-cart.alignwide {
  max-width: 95vw !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  box-sizing: border-box;
}

.feature-columns-gap-fix .wp-block-columns.is-layout-flex {
    gap: 0px;
}