/*
Theme Name: Astra Child - Booku
Theme URI: https://bookuid.com
Description: Child theme Astra dengan branding Booku (Hijau #388E3C)
Author: BookuID Team
Author URI: https://bookuid.com
Template: astra
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: astra-child-booku
*/

/* ==========================================================================
   BOOKU BRANDING - CSS Variables Override
   ========================================================================== */

:root {
    /* Primary Colors - HIJAU BOOKU */
    --booku-primary: #388E3C;
    --booku-primary-dark: #2E7D32;
    --booku-primary-darker: #1B5E20;
    --booku-primary-light: #4CAF50;
    --booku-primary-lighter: #81C784;
    --booku-primary-surface: #E8F5E9;

    /* Accent Color - KUNING (untuk kontras dengan background hijau) */
    --booku-accent-yellow: #FFD54F;
    --booku-accent-yellow-light: #FFECB3;
    --booku-accent-yellow-dark: #FFC107;

    /* Astra CSS Variables Override */
    --ast-global-color-0: #388E3C;  /* Primary */
    --ast-global-color-1: #2E7D32;  /* Secondary/Hover */
    --ast-global-color-2: #212121;  /* Text */
    --ast-global-color-3: #757575;  /* Text Light */
    --ast-global-color-4: #E8F5E9;  /* Light Background */
    --ast-global-color-5: #FFFFFF;  /* White */
    --ast-global-color-6: #F5F5F5;  /* Gray Light */
    --ast-global-color-7: #4CAF50;  /* Accent */
    --ast-global-color-8: #1B5E20;  /* Dark */
}

/* ==========================================================================
   GLOBAL OVERRIDES - Links & Accent Colors
   ========================================================================== */

/* Links */
a,
a:visited {
    color: var(--booku-primary);
}

a:hover,
a:focus,
a:active {
    color: var(--booku-primary-dark);
}

/* Selection */
::selection {
    background-color: var(--booku-primary);
    color: #FFFFFF;
}

::-moz-selection {
    background-color: var(--booku-primary);
    color: #FFFFFF;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

/* Primary Buttons */
.ast-button,
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link,
.ast-custom-button,
.menu-toggle,
.ast-menu-toggle,
.wp-block-search__button,
.elementor-button,
.ast-builder-menu-toggle {
    background-color: var(--booku-primary) !important;
    border-color: var(--booku-primary) !important;
    color: #FFFFFF !important;
}

.ast-button:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-block-button__link:hover,
.ast-custom-button:hover,
.elementor-button:hover {
    background-color: var(--booku-primary-dark) !important;
    border-color: var(--booku-primary-dark) !important;
    color: #FFFFFF !important;
}

/* Outline Buttons */
.wp-block-button.is-style-outline .wp-block-button__link,
.ast-outline-button,
.elementor-button-wrapper .elementor-button.elementor-size-sm {
    background-color: transparent !important;
    border-color: var(--booku-primary) !important;
    color: var(--booku-primary) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.ast-outline-button:hover {
    background-color: var(--booku-primary) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   HEADER & NAVIGATION
   ========================================================================== */

/* Header Background (jika menggunakan warna) */
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
    /* Biarkan default atau sesuaikan jika perlu */
}

/* ==========================================================================
   SITE LOGO - Warna Hijau Booku (HANYA untuk non-transparent header)
   ========================================================================== */

/* Logo SVG - ubah fill ke hijau (HANYA non-transparent) */
body:not(.ast-theme-transparent-header) .ast-site-identity .site-logo-img svg,
body:not(.ast-theme-transparent-header) .ast-site-identity .custom-logo-link svg,
body:not(.ast-theme-transparent-header) .site-branding .site-logo-img svg,
body:not(.ast-theme-transparent-header) .site-branding .custom-logo-link svg,
body:not(.ast-theme-transparent-header) .ast-logo-svg svg {
    fill: var(--booku-primary) !important;
}

/* Logo SVG path - ubah fill ke hijau (HANYA non-transparent) */
body:not(.ast-theme-transparent-header) .ast-site-identity .site-logo-img svg path,
body:not(.ast-theme-transparent-header) .ast-site-identity .custom-logo-link svg path,
body:not(.ast-theme-transparent-header) .site-branding .site-logo-img svg path,
body:not(.ast-theme-transparent-header) .site-branding .custom-logo-link svg path,
body:not(.ast-theme-transparent-header) .ast-logo-svg svg path {
    fill: var(--booku-primary) !important;
}

/* Jika logo menggunakan CSS filter (untuk PNG), hapus filter (HANYA non-transparent) */
body:not(.ast-theme-transparent-header) .ast-site-identity .custom-logo,
body:not(.ast-theme-transparent-header) .site-branding .custom-logo,
body:not(.ast-theme-transparent-header) .ast-site-identity .site-logo-img img,
body:not(.ast-theme-transparent-header) .site-branding .site-logo-img img {
    filter: none !important;
}

/* Site Title text - warna hijau (HANYA non-transparent) */
body:not(.ast-theme-transparent-header) .site-title a,
body:not(.ast-theme-transparent-header) .site-title a:hover,
body:not(.ast-theme-transparent-header) .site-title a:visited,
body:not(.ast-theme-transparent-header) .ast-site-identity .site-title a {
    color: var(--booku-primary) !important;
}

/* Menu Items Hover - untuk menu di atas background hijau */
.ast-header-break-point .ast-builder-menu .menu-item > .ast-menu-toggle,
.main-header-menu .menu-item > .menu-link:hover,
.ast-header-sections-navigation .menu-item > .menu-link:hover,
.ast-above-header-menu .menu-item > .menu-link:hover,
.ast-below-header-menu .menu-item > .menu-link:hover {
    color: var(--booku-accent-yellow) !important;
}

/* Menu Aktif - KUNING untuk kontras dengan background hijau */
.main-header-menu .menu-item.current-menu-item > .menu-link,
.main-header-menu .menu-item.current-menu-ancestor > .menu-link,
.main-header-menu .menu-item.current_page_item > .menu-link {
    color: var(--booku-accent-yellow) !important;
}

/* Dropdown Menu */
.main-header-menu .sub-menu .menu-item > .menu-link:hover,
.main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link {
    color: var(--booku-primary) !important;
}

/* Mobile Menu Toggle */
.ast-mobile-menu-trigger-minimal,
.ast-button-wrap .ast-mobile-menu-trigger-minimal .ast-mobile-svg {
    color: var(--booku-primary) !important;
    fill: var(--booku-primary) !important;
}

/* ==========================================================================
   STARTER TEMPLATES / PAGE BUILDER OVERRIDES
   ========================================================================== */

/* Hero Section dengan Background Hijau */
.ast-hero-section,
.wp-block-cover,
.elementor-section[data-settings*="background"],
[class*="bg-green"],
[class*="bg-primary"],
.has-ast-global-color-0-background-color {
    background-color: var(--booku-primary) !important;
}

/* Gradient Overlays */
.wp-block-cover__gradient-background,
.elementor-background-overlay {
    background: linear-gradient(135deg, rgba(56, 142, 60, 0.9) 0%, rgba(27, 94, 32, 0.95) 100%) !important;
}

/* Section dengan warna aksen */
.has-accent-background-color,
.has-vivid-green-cyan-background-color,
.has-luminous-vivid-amber-background-color {
    background-color: var(--booku-primary) !important;
}

/* Text dengan warna aksen */
.has-accent-color,
.has-ast-global-color-0-color {
    color: var(--booku-primary) !important;
}

/* ==========================================================================
   NUMBERED SECTIONS (01, 02, 03, etc.)
   ========================================================================== */

.ast-separate-container .entry-content .wp-block-column h2::before,
.elementor-counter-number,
.elementor-counter-title,
[class*="number-heading"],
.st-number {
    color: var(--booku-primary-lighter) !important;
}

/* Large decorative numbers */
.ast-separate-container .entry-content h2 span,
.elementor-heading-title span {
    color: var(--booku-primary-lighter);
    opacity: 0.3;
}

/* ==========================================================================
   CARDS & BOXES
   ========================================================================== */

/* Card borders */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.wp-block-column,
.elementor-widget-wrap {
    border-color: var(--booku-primary-surface);
}

/* Card hover effect */
.ast-separate-container .ast-article-post:hover,
.wp-block-column:hover {
    border-color: var(--booku-primary-light);
}

/* Icon boxes */
.elementor-icon,
.elementor-icon i,
.wp-block-image figcaption,
.ast-icon-box .ast-icon {
    color: var(--booku-primary) !important;
}

/* ==========================================================================
   ACCORDION / FAQ
   ========================================================================== */

.elementor-accordion .elementor-accordion-item,
.wp-block-details,
.ast-accordion {
    border-color: var(--booku-primary-surface) !important;
}

.elementor-accordion .elementor-tab-title,
.wp-block-details summary {
    color: var(--booku-primary) !important;
}

.elementor-accordion .elementor-tab-title:hover,
.elementor-accordion .elementor-tab-title.elementor-active {
    color: var(--booku-primary-dark) !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon-closed,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon-opened {
    color: var(--booku-primary) !important;
}

/* ==========================================================================
   SPECTRA ACCORDION - Hover/Active KUNING
   ========================================================================== */

/* Spectra Accordion - Hover state */
.wp-block-spectra-accordion-child-item:hover .wp-block-spectra-accordion-child-header-content,
.wp-block-spectra-accordion-child-item:hover .wp-block-spectra-accordion-child-header span,
.wp-block-spectra-accordion-child-item:hover button.wp-block-spectra-accordion-child-header,
.wp-block-spectra-accordion-child-item:focus-within .wp-block-spectra-accordion-child-header-content,
.wp-block-spectra-accordion-child-item.spectra-text-color-hover:hover span {
    color: var(--booku-accent-yellow) !important;
}

/* Spectra Accordion - Active/Expanded state */
.wp-block-spectra-accordion-child-item[data-wp-bind--disabled="spectra/accordion::context.isDisabled"] .wp-block-spectra-accordion-child-header-content,
.wp-block-spectra-accordion-child-item[aria-expanded="true"] .wp-block-spectra-accordion-child-header-content,
.wp-block-spectra-accordion-child-item[aria-expanded="true"] span {
    color: var(--booku-accent-yellow) !important;
}

/* Spectra Accordion - Icon hover/active */
.wp-block-spectra-accordion-child-item:hover .wp-block-spectra-accordion-child-icon,
.wp-block-spectra-accordion-child-item:hover .wp-block-spectra-accordion-child-icon svg,
.wp-block-spectra-accordion-child-item:focus-within .wp-block-spectra-accordion-child-icon,
.wp-block-spectra-accordion-child-item:focus-within .wp-block-spectra-accordion-child-icon svg {
    color: var(--booku-accent-yellow) !important;
    fill: var(--booku-accent-yellow) !important;
}

/* Override Spectra default hover color */
.wp-block-spectra-accordion-child-item[class*=wp-block]:hover .wp-block-spectra-accordion-child-header.spectra-text-color-hover span,
.wp-block-spectra-accordion-child-item[class*=wp-block]:hover .wp-block-spectra-accordion-child-header span,
.wp-block-spectra-accordion-child-item[class*=wp-block]:focus-within .wp-block-spectra-accordion-child-header span,
.wp-block-spectra-accordion-child-item[class*=wp-block]:hover button.wp-block-spectra-accordion-child-header span {
    color: var(--booku-accent-yellow) !important;
}

/* ==========================================================================
   ELEMENTOR ACCORDION / LIST - Hover/Active KUNING (backup)
   ========================================================================== */

/* Toggle List / Icon List dengan background hijau - hover kuning */
.elementor-widget-toggle .elementor-tab-title:hover,
.elementor-widget-toggle .elementor-tab-title.elementor-active,
.elementor-toggle .elementor-tab-title:hover,
.elementor-toggle .elementor-tab-title.elementor-active {
    color: var(--booku-accent-yellow) !important;
}

/* Icon pada toggle/accordion - hover kuning */
.elementor-widget-toggle .elementor-tab-title:hover .elementor-toggle-icon,
.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon {
    color: var(--booku-accent-yellow) !important;
    fill: var(--booku-accent-yellow) !important;
}

/* List items - hover kuning */
.elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-icon-list-item:hover .elementor-icon-list-icon {
    color: var(--booku-accent-yellow) !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* Footer Background */
.site-footer,
.ast-footer-overlay,
.ast-small-footer,
footer.site-footer {
    /* Biarkan default dari Starter Template */
}

/* Footer Links */
.site-footer a:hover,
.ast-small-footer a:hover {
    color: var(--booku-primary-light) !important;
}

/* ==========================================================================
   FORMS
   ========================================================================== */

/* Input Focus */
input:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {
    border-color: var(--booku-primary) !important;
    box-shadow: 0 0 0 1px var(--booku-primary) !important;
}

/* Checkbox & Radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--booku-primary) !important;
    border-color: var(--booku-primary) !important;
}

/* ==========================================================================
   WIDGETS & SIDEBAR
   ========================================================================== */

.widget-title,
.wp-block-heading {
    color: #212121;
}

.widget a:hover {
    color: var(--booku-primary) !important;
}

/* ==========================================================================
   WOOCOMMERCE (jika digunakan)
   ========================================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout-button {
    background-color: var(--booku-primary) !important;
    color: #FFFFFF !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--booku-primary-dark) !important;
}

.woocommerce span.onsale {
    background-color: var(--booku-primary) !important;
}

/* ==========================================================================
   SCROLLBAR (Optional - Modern browsers)
   ========================================================================== */

::-webkit-scrollbar-thumb {
    background-color: var(--booku-primary-light);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--booku-primary);
}

/* ==========================================================================
   MISC OVERRIDES
   ========================================================================== */

/* Blockquote */
blockquote {
    border-left-color: var(--booku-primary) !important;
}

/* HR / Separator */
hr,
.wp-block-separator {
    border-color: var(--booku-primary-surface);
}

/* Progress Bar */
progress::-webkit-progress-value,
.elementor-progress-bar {
    background-color: var(--booku-primary) !important;
}

/* Tags */
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
    background-color: var(--booku-primary) !important;
    color: #FFFFFF !important;
}

/* Pagination */
.ast-pagination .page-numbers.current,
.ast-pagination a:hover {
    background-color: var(--booku-primary) !important;
    border-color: var(--booku-primary) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   STARTER TEMPLATES SPECIFIC FIXES
   ========================================================================== */

/* Override any inline blue/other colors from Starter Templates */
[style*="color: #0170B9"],
[style*="color:#0170B9"],
[style*="color: rgb(1, 112, 185)"] {
    color: var(--booku-primary) !important;
}

[style*="background-color: #0170B9"],
[style*="background-color:#0170B9"],
[style*="background: #0170B9"],
[style*="background:#0170B9"] {
    background-color: var(--booku-primary) !important;
}

/* Override Starter Templates accent colors */
.starter-template-accent,
.st-accent-color {
    color: var(--booku-primary) !important;
}

.starter-template-accent-bg,
.st-accent-bg {
    background-color: var(--booku-primary) !important;
}