@charset 'utf-8';

/*
Theme Name: Planet Shakers Child
Theme URI: http://planet-shakers.axiomthemes.com/
Description: Planet Shakers Child theme with targeted overrides for WooCommerce, WPBakery dark scheme, and Customizer var sync. Globals minimized for inheritance.
Author: User/Custom
Author URI: 
Template: planet-shakers
Version: 1.0
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Palette Variables - Aligned to Themerex/Planet Shakers (accent #efa758 base, #ff6b35 hover; dark #1a1a1a, light #f0f0f0) */
:root {
    --text-color: #333333;
    --link-color: #efa758; /* Theme base link/accent */
    --link-hover-color: #ff6b35; /* Customizer Link Hover equivalent - syncs changes */
    --button-bg: #efa758; /* Base button/accent */
    --button-hover-bg: #ff6b35; /* Hover accent */
    --border-hover: #667c8b; /* Dark scheme border from Additional CSS */
    --dark-bg: #1a1a1a; /* Dark scheme normal bg */
    --light-text: #f0f0f0; /* Dark scheme text for contrast */
    --notice-bg: #f0f8ff; /* Woo info */
}

/* Text and Links - Var-based for Customizer inheritance, no broad globals */
body, p { color: var(--text-color); }

a { 
    color: var(--link-color); 
    text-decoration: none; 
    transition: color 0.3s; 
}
a:hover { 
    color: var(--link-hover-color); 
    text-decoration: underline; 
} /* No selector specificity - inherits Customizer via theme rules */

/* General Buttons - Var-based, no global override */
.button, .btn, button:not(.sc_button), input[type="submit"]:not(.sc_button) {
    background-color: var(--button-bg); 
    color: #fff; 
    border: 1px solid var(--button-bg);
    padding: 12px 24px; 
    font-weight: 600; 
    transition: background-color 0.3s;
}
.button:hover, button:hover:not(.sc_button), input[type="submit"]:hover:not(.sc_button) { 
    background-color: var(--button-hover-bg); 
    border-color: var(--button-hover-bg);
}

/* WooCommerce Overrides - Targeted with vars for palette sync, !important only where needed */
.woocommerce .button, 
.woocommerce input[type="submit"], 
.woocommerce button.button {
    background-color: var(--button-bg) !important; 
    color: #fff !important;
    border-color: var(--button-bg) !important; 
}
.woocommerce .button:hover, 
.woocommerce input[type="submit"]:hover, 
.woocommerce button.button:hover {
    background-color: var(--button-hover-bg) !important; 
    border-color: var(--button-hover-bg) !important; 
}
.woocommerce-info { 
    background-color: var(--notice-bg) !important; 
    border-left: 4px solid var(--link-color) !important; 
}
.woocommerce .quantity input[type="number"] { 
    color: var(--text-color) !important; 
    background: #fff !important; 
    border: 1px solid #ccc !important; 
}

/* Woo BG from Microthemer - Targeted */
.woocommerce {
    background-color: #f6f5f8;
    padding: 20px;
}

/* Dark Scheme Button Borders - Migrated/Enhanced from Additional CSS, high specificity for sc_button_bordered */
body.scheme_dark .sc_layouts_row .sc_button_bordered:not(.sc_button_bg_image):hover { /* 5+ classes > theme 3-class */
    border-color: var(--border-hover) !important; /* #667c8b subtle gray */
    color: var(--light-text) !important; /* #f0f0f0 light for contrast, not low #555 */
    transition: border-color 0.3s ease;
}

/* Broader WPBakery Borders in Dark - Targeted */
body.scheme_dark .vc_row .vc_column .vc_element:hover {
    border-color: var(--border-hover) !important;
}

/* Dark Scheme Button Gradient - For sc_button_hover_slide_left in headers, var-aligned */
body.scheme_dark .sc_button_bordered.sc_button_hover_slide_left {
    background: linear-gradient(to right, var(--dark-bg) 50%, var(--link-hover-color) 50%) no-repeat scroll right bottom / 210% 100% var(--link-hover-color) !important; /* Dark to accent slide: #1a1a1a to #ff6b35 */
}

body.scheme_dark .sc_button_bordered:not(.sc_button_bg_image) {
    color: var(--light-text); /* Light text default */
    border-color: var(--light-text); /* Light border */
    border-width: 3px; /* Preserve theme */
}

/* Menu Overrides - Targeted to layout, use palette vars for inheritance */
.sc_layouts_menu .menu-main-nav > .menu-item > a,
.sc_layouts_menu .menu-main-nav > .menu-item.current-menu-item > a {
    color: var(--link-color) !important; /* Palette base */
    background-color: transparent;
    transition: color 0.3s ease;
}

.sc_layouts_menu .menu-main-nav > .menu-item.current-menu-item > a:hover,
.sc_layouts_menu .menu-main-nav > .menu-item > a:hover {
    color: var(--link-hover-color) !important; /* Palette hover - syncs Customizer */
    text-decoration: none;
}

/* Prevent Microthemer Link Bleed to Menus - Targeted */
.sc_layouts_menu .menu-main-nav a:not(.showcoupon) {
    color: inherit; /* Allows var inheritance */
}