/*
Theme Name: Kadence Child
Theme URI: https://kadencewp.com/
Description: A child theme for the Kadence theme, customized for TeakBD E-commerce.
Author: TeakBD
Author URI: https://www.teakbd.com/
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kadence-child
*/

:root {
    /* Brand Colors (Consolidated) */
    --primary-gradient: linear-gradient(135deg, #c155ff 20%, #9d4edd 50%, #be2dff 100%);
    --primary-color: #4361ee;
    --primary-hover: #2667ff;
    /* Unified hover color */

    /* Text & Grays */
    --text-main: #202833;
    --text-muted: #4b55639d;
    --bg-white: #ffffff;
    --bg-gray-light: #f3f4f6;
    --bg-gray-lighter: #f9fafb;

    /* Borders & Interaction */
    --border-color: #d1d5db;
    --border-hover: #d8d8d8;
    --input-border: #ced4da;

    /* Shadows & Elevation */
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.07);
    --shadow-md: 0 10px 25px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);

    /* Layout & Tokens */
    --radius-md: 0.5rem;
    --radius-sm: 0.25rem;
    --radius-lg: 0.75rem;
    --header-padding: 1rem;
    --container-max: 1200px;
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*
 * Child Theme Component Shield (Performance Optimized)
 * Neutralizes parent theme (Kadence) global button backgrounds and shadows.
 * Uses higher specificity instead of !important for future-proof overrides.
 */
body .teak-base-reset,
body .teak-tab,
body .teak-button,
body button.teak-action {
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    border: none;
    margin: 0;
    outline: none;
}

/* Specific component styles */
.teak-tab {
    color: var(--text-muted);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

.teak-tab:hover {
    color: var(--primary-color);
}