/*
Theme Name: Krowd Child
Description: Child theme for the Krowd themes
Author: gaviathemes
Template: krowd
*/

/* Hide Font Awesome star bullets */
ul li::before {
    display: none !important;
}

ul li .fa-star,
ul li .fa-star-half,
ul li .fa-star-of-life,
ul li .fa-star-of-david,
ul li .fa-star-and-crescent,
ul li .fa-star-half-alt {
    display: none !important;
}

ul li {
    list-style: none !important;
    list-style-type: none !important;
}

/* Orange checkmarks for mission/vision section */
.gva-icon-list i,
.gva-icon-list .icon {
    color: #FF6600 !important;
}


/* ========================================
   RBI Engine - Product Page Styling (Stacked Layout)
   ======================================== */

/* Style variation labels */
.single-product .variations label,
body.single-product .product .variations label {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Style the dropdown selectors */
.single-product .variations select,
body.single-product .product .variations select {
    width: 100% !important;
    max-width: 400px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #333 !important;
    border: 3px solid #666 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
}

/* Hover effect on dropdowns */
.single-product .variations select:hover,
body.single-product .product .variations select:hover {
    border-color: #FF6600 !important;
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.1) !important;
}

/* Focus effect on dropdowns */
.single-product .variations select:focus,
body.single-product .product .variations select:focus {
    outline: none !important;
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.15) !important;
}

/* Style dropdown options */
.single-product .variations select option,
body.single-product .product .variations select option {
    padding: 10px !important;
    line-height: 1.4 !important;
}

/* Style placeholder option */
.single-product .variations select option[value=""],
.single-product .variations select option:first-child {
    color: #666 !important;
}

/* STACKED LAYOUT - Labels above dropdowns */
.single-product .variations tr {
    display: block !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.single-product .variations td.label,
.single-product .variations td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.single-product .variations td.label {
    margin-bottom: 8px !important;
}

/* Remove all table borders */
.single-product table.variations,
body.single-product .product table.variations,
.single-product table.variations tr,
body.single-product .product table.variations tr,
.single-product .variations td,
body.single-product .product .variations td {
    border: none !important;
}

/* Style the variation section */
.single-product .variations,
body.single-product .product .variations {
    margin-bottom: 25px !important;
}

/* Style the Add to Cart button */
.single-product button.single_add_to_cart_button,
body.single-product .product button.single_add_to_cart_button,
.woocommerce button.button.single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #FF6600, #FF8833) !important;
    color: white !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
}

.single-product button.single_add_to_cart_button:hover,
body.single-product .product button.single_add_to_cart_button:hover,
.woocommerce button.button.single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #FF8833, #FF6600) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3) !important;
}

/* Style the quantity input */
.single-product .quantity input.qty,
body.single-product .product .quantity input.qty {
    width: 80px !important;
    padding: 10px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 2px solid #ddd !important;
    border-radius: 8px !important;
}

/* Remove reset variations link styling issues */
.single-product .variations .reset_variations {
    display: inline-block !important;
    margin-top: 10px !important;
}


/* Override Bootstrap label styling - VERY specific */
.single-product .variations .label label,
.single-product .variations td.label label,
body.single-product .product .variations .label label,
.woocommerce .variations .label label,
.woocommerce table.variations td.label label,
table.variations label[for^="pa_"] {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Also target the td.label itself */
.single-product table.variations td.label,
body.single-product .product table.variations td.label,
.woocommerce table.variations td.label {
    border: 0 !important;
    border-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Make "Choose an option" text much darker and more visible */
.single-product .variations select,
body.single-product .product .variations select,
.woocommerce .variations select,
table.variations select {
    color: #000 !important;
    font-weight: 600 !important;
}

/* Ensure all select options are dark */
.single-product .variations select option,
body.single-product .product .variations select option,
.woocommerce .variations select option {
    color: #000 !important;
}

/* ========================================
   NUCLEAR OPTION - Override Bootstrap Label Borders
   ======================================== */

/* Kill all label borders - Maximum specificity */
.variations label,
.variations .label,
.variations td.label,
.variations td.label *,
label[for="pa_color"],
label[for="pa_size"],
.single-product .variations label,
.single-product .variations .label,
.single-product .variations td.label,
body.single-product .variations label,
.woocommerce .variations label,
.woocommerce .variations td.label {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    outline: 0 !important;
    padding: 0 !important;
}

/* Make dropdown text BLACK and very visible */
.variations select,
.woocommerce-variation-select,
select[name^="attribute_"],
.single-product .variations select,
body.single-product .product .variations select,
.woocommerce .variations select,
table.variations select {
    color: #000 !important;
    font-weight: 600 !important;
}

/* Make all dropdown options BLACK */
.variations select option,
.single-product .variations select option,
body.single-product .product .variations select option,
.woocommerce .variations select option {
    color: #000 !important;
}

/* Alternative approach - use transform */
.variations select,
.single-product .variations select,
body.single-product .product .variations select,
.woocommerce .variations select {
    height: 52px !important;
    padding: 0 16px !important;
    line-height: 52px !important;
    display: block !important;
}