/*
 * Theme Name:   Ancut Petanu Child
 * Theme URI:    https://ancutpetanu.com
 * Description:  Child theme untuk Hello Elementor — Adventure & Wellness di Ancut Petanu, Bali. Layanan Cooking Class, Trekking, Camping, dan SPA.
 * Author:       Ancut Petanu Team
 * Author URI:   https://ancutpetanu.com
 * Template:     hello-elementor
 * Version:      1.0.0
 * License:      GPL-2.0-or-later
 * Tags:         adventure, bali, elementor, custom, nature
 * Text Domain:  ancut-petanu
 */

/* ============================================================
   FULL-WIDTH FIX — loaded first, highest priority
   Overrides Hello Elementor / Elementor page-wrapper constraints
   so header and footer always span the full viewport.
   ============================================================ */
html body #page,
html body .site,
html body #page.site {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === DESIGN TOKENS === */
:root {
    /* Brand Colors */
    --ap-primary:         #2D5016;   /* Deep Forest Green */
    --ap-primary-light:   #4A7C2F;   /* Forest Green */
    --ap-primary-dark:    #1A3009;   /* Very Dark Green */
    --ap-secondary:       #C17A3B;   /* Warm Amber / Earth */
    --ap-secondary-light: #D4955A;   /* Light Amber */
    --ap-accent:          #8BC34A;   /* Fresh Leaf Green */
    --ap-dark:            #1A2010;   /* Near Black Green */
    --ap-light:           #F5F0E8;   /* Warm Cream */
    --ap-cream:           #FAF6EE;   /* Lighter Cream */
    --ap-white:           #FFFFFF;
    --ap-text:            #2C2C2C;
    --ap-text-muted:      #666666;
    --ap-border:          #E0D9CC;

    /* Typography */
    --font-heading:   'Playfair Display', Georgia, serif;
    --font-sub:       'Raleway', sans-serif;
    --font-body:      'Open Sans', system-ui, sans-serif;

    /* Spacing */
    --section-padding: 90px 0;
    --container-max:   1200px;
    --radius-sm:       6px;
    --radius-md:       12px;
    --radius-lg:       24px;
    --radius-full:     999px;

    /* Shadows */
    --shadow-sm:  0 2px 8px rgba(0,0,0,.08);
    --shadow-md:  0 8px 30px rgba(0,0,0,.12);
    --shadow-lg:  0 16px 60px rgba(0,0,0,.18);
    --shadow-card:0 4px 24px rgba(45,80,22,.12);

    /* Transitions */
    --transition: all .3s cubic-bezier(.4,0,.2,1);
    --transition-slow: all .6s cubic-bezier(.4,0,.2,1);
}