/* ========================================
   ASTRA CHILD THEME - BEES COLORS
   Honey & Nature Color Scheme
   Version: 3.0.0
   ======================================== */

/* Root Color Variables */
:root {
    /* Astra Global Colors */
    --ast-global-color-0: #F5A623;
    --ast-global-color-1: #FBCB5E;
    --ast-global-color-2: #2D2306;
    --ast-global-color-3: #4A3C12;
    --ast-global-color-4: #7A6520;
    --ast-global-color-5: #A08C4A;
    --ast-global-color-6: #FBCB5E;
    --ast-global-color-7: #D4820E;
    --ast-global-color-8: #FFFEF6;
    --ast-global-color-9: #2D2306;

    /* Brand variables for JS fallbacks */
    --brand-dark: #2D2306;
    --dark-blue: #2D2306;
    --brand-light: #F5A623;
    --light-blue: #FBCB5E;

    /* Bees semantic colors */
    --honey-dark: #2D2306;
    --honey-brown: #4A3C12;
    --honey-warm: #7A6520;
    --honey-gold: #F5A623;
    --honey-light: #FBCB5E;
    --honey-deep: #D4820E;
    --honey-amber: #E89A0C;
    --meadow-green: #5A7A2E;
    --soft-pollen: #FFF9E5;
    --honeycomb: #FFFEF6;
    --off-white: #FFF8E1;
    --cream: #FFF3CC;
    --text-dark: #2D2306;
    --text-body: #3D3210;
    --text-muted: #7A6B3A;

    /* Shared variable mapping */
    --brand-accent: #7A6520;
    --link-color: #D4820E;
    --link-hover: #F5A623;
    --gold-accent: #F5A623;
    --heading-dark: #2D2306;
    --heading-muted: #4A3C12;
    --nav-hover: #FBCB5E;
    --submenu-bg: #1E1704;
    --bg-off-white: #FFF9E5;
    --bg-cream: #FFF3CC;
    --bg-pale: #FDEDB3;
    --h2-border: #E5D9A8;
    --ol-4: #A08C4A;
    --ol-5: #D4820E;

    /* Gradients */
    --header-gradient: linear-gradient(135deg, #2D2306 0%, #1E1704 100%);
    --footer-gradient: linear-gradient(135deg, #2D2306 0%, #1E1704 100%);
    --header-accent-line: linear-gradient(90deg, #7A6520, #F5A623, #7A6520);
    --footer-accent-line: linear-gradient(90deg, #7A6520, #F5A623, #7A6520);
}

/* Body Background */
body, .ast-container {
    background-color: #FFF9E5;
    color: #3D3210;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .entry-title, .widget-title {
    color: #2D2306;
}

h1, .entry-title { color: #2D2306; }

/* Links */
a {
    color: #D4820E;
    text-decoration: none;
    transition: color 0.25s ease;
}

a:hover { color: #F5A623; }

/* Header */
.site-header {
    background: linear-gradient(135deg, #2D2306 0%, #1E1704 100%);
    color: #FFFEF6;
}

.site-header .site-title a { color: #FFFEF6; }
.site-header .site-title a:hover { color: #FBCB5E; }

/* Navigation */
.site-header nav { background-color: transparent; }
.site-header .nav-menu a, .ast-nav-menu a { color: #FFFEF6; font-weight: 600; }
.site-header .nav-menu a:hover, .ast-nav-menu a:hover { color: #FBCB5E; }
.site-header .nav-menu li.current-menu-item > a,
.ast-nav-menu li.current-menu-item > a { color: #FBCB5E; }

/* Buttons - scoped to avoid lightbox interference */
.entry-content .button,
.wpcf7-form input[type="submit"],
.nf-form-content input[type="submit"],
.nf-form-content .submit-container input,
article form input[type="submit"],
article form input[type="button"] {
    background: linear-gradient(135deg, #F5A623 0%, #D4820E 100%);
    color: #FFFEF6;
    border: none;
    border-radius: 50px;
    padding: 12px 24px;
    font-weight: 600;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    transition: all 0.3s ease;
    cursor: pointer;
}

.entry-content .button:hover,
.wpcf7-form input[type="submit"]:hover,
.nf-form-content input[type="submit"]:hover,
.nf-form-content .submit-container input:hover,
article form input[type="submit"]:hover,
article form input[type="button"]:hover {
    box-shadow: 0 4px 16px rgba(45, 35, 6, 0.3);
    transform: translateY(-2px);
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"],
input[type="url"], input[type="number"], input[type="search"],
textarea, select {
    background-color: #FFFEF6;
    border: 2px solid #E5D9A8;
    color: #3D3210;
    padding: 10px 14px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, input[type="url"]:focus,
input[type="number"]:focus, input[type="search"]:focus,
textarea:focus, select:focus {
    border-color: #F5A623;
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.12);
    background-color: #FFFEF6;
}

/* Footer */
.site-footer {
    background: linear-gradient(135deg, #2D2306 0%, #1E1704 100%);
    color: #FFFEF6;
}

.site-footer a { color: #FBCB5E; }
.site-footer a:hover { color: #FFFEF6; }

.site-footer .footer-widget-area h3,
.site-footer .widget-title { color: #F5A623; }

/* Sidebar & Widgets */
.sidebar .widget {
    background-color: #FFFEF6;
    border-right: 4px solid #7A6520;
    border-left: none;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(45, 35, 6, 0.06);
}

.sidebar .widget-title {
    color: #4A3C12;
    background-color: #FFF3CC;
    padding: 10px;
    margin: -15px -15px 15px -15px;
    border-radius: 8px 8px 0 0;
}

.sidebar .widget a { color: #D4820E; }
.sidebar .widget a:hover { color: #F5A623; }

/* Featured Image */
.post-thumbnail, .wp-post-image { border-radius: 14px; transition: all 0.3s ease; }
.post-thumbnail:hover, .wp-post-image:hover { box-shadow: 0 6px 20px rgba(45, 35, 6, 0.12); }

/* Comments */
.comment-body {
    border-right: 4px solid #F5A623;
    border-left: none;
    padding: 15px;
    background-color: #FFF3CC;
    margin-bottom: 15px;
    border-radius: 8px;
}

.comment-author { color: #2D2306; font-weight: 600; }
.comment-metadata { color: #999999; font-size: 13px; }

/* Blockquote */
blockquote {
    border-right: 4px solid #F5A623;
    border-left: none;
    padding-right: 20px;
    padding-left: 0;
    color: #2D2306;
    font-style: italic;
    font-size: 1.05rem;
    margin: 25px 0;
    background: #FFF3CC;
    padding: 25px 30px;
    border-radius: 0 8px 8px 0;
}

/* Responsive */
@media (max-width: 768px) {
    h1, h2 { color: #2D2306; }

    .site-header {
        background: linear-gradient(135deg, #2D2306 0%, #1E1704 100%);
    }

    .button { padding: 10px 20px; font-size: 14px; }
}