/* HazelWood Child Theme — Global Styles */

/* Reset GeneratePress layout for custom templates */
body.hazelwood-template #page,
body.hazelwood-template .site-content,
body.hazelwood-template .content-area,
body.hazelwood-template #primary,
body.hazelwood-template #secondary,
body.hazelwood-template .generate-columns-container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

body.hazelwood-template .generate-wrap {
    padding: 0 !important;
    max-width: none !important;
}

body.hazelwood-template .inside-article,
body.hazelwood-template .entry-content {
    padding: 0 !important;
    margin: 0 !important;
}

body.hazelwood-template .site-header,
body.hazelwood-template .generate-header {
    display: none !important;
}

/* Material Symbols config */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    user-select: none;
}

/* Soft lift cards */
.soft-lift {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.soft-lift:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

/* Hero overlay */
.hero-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #bec8d2; border-radius: 10px; }

/* Base font */
body.hazelwood-template {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #f7f9fb;
    color: #191c1e;
}

/* Booking timer */
#hazelwood-lock-timer {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 14px;
    font-weight: 600;
    color: #856404;
}