/* ==========================================================================
   Nature Themes: Forest Woodland, Ocean Coastal
   ========================================================================== */

/* Forest Woodland specific */
.forest-woodland .demo-card {
    border: 2px solid rgba(45, 90, 61, 0.12);
    box-shadow: 0 4px 16px rgba(26, 46, 31, 0.08);
    border-radius: 8px !important;
}

.forest-woodland .demo-btn-primary {
    border: 2px solid var(--primary);
    box-shadow: none;
    border-radius: 8px !important;
}

.forest-woodland .demo-btn-secondary {
    border: 2px solid var(--secondary);
    box-shadow: none;
    border-radius: 8px !important;
}

.forest-woodland .demo-btn-primary:hover,
.forest-woodland .demo-btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(45, 90, 61, 0.2);
}

.forest-woodland .demo-btn-outline {
    border: 2px solid var(--primary);
    border-radius: 8px !important;
}

.forest-woodland .demo-input {
    border: 2px solid rgba(45, 90, 61, 0.15);
    border-radius: 8px !important;
}

.forest-woodland .demo-input:focus {
    box-shadow: 0 0 0 3px rgba(168, 198, 134, 0.3);
    border-color: var(--accent);
}

.forest-woodland .demo-badge {
    border: 2px solid rgba(45, 90, 61, 0.15);
    border-radius: 6px !important;
}

.forest-woodland .demo-nav {
    border: 2px solid rgba(45, 90, 61, 0.1);
    border-radius: 8px !important;
}

.forest-woodland .demo-heading {
    font-weight: 600;
}

/* Ocean Coastal specific */
.ocean-coastal .demo-card {
    border: 1px solid rgba(26, 95, 122, 0.1);
    box-shadow: 0 4px 20px rgba(26, 58, 74, 0.08);
    border-radius: 16px !important;
}

.ocean-coastal .demo-btn-primary {
    border: none;
    box-shadow: 0 4px 12px rgba(26, 95, 122, 0.2);
    border-radius: 24px !important;
}

.ocean-coastal .demo-btn-secondary {
    border: none;
    box-shadow: 0 4px 12px rgba(87, 131, 123, 0.2);
    border-radius: 24px !important;
}

.ocean-coastal .demo-btn-primary:hover,
.ocean-coastal .demo-btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(26, 95, 122, 0.25);
}

.ocean-coastal .demo-btn-outline {
    border: 2px solid var(--primary);
    border-radius: 24px !important;
}

.ocean-coastal .demo-input {
    border: 1px solid rgba(26, 95, 122, 0.15);
    border-radius: 12px !important;
}

.ocean-coastal .demo-input:focus {
    box-shadow: 0 0 0 3px rgba(26, 95, 122, 0.1);
    border-color: var(--primary);
}

.ocean-coastal .demo-badge {
    border: none;
    border-radius: 16px !important;
    background-color: rgba(245, 213, 200, 0.6);
}

.ocean-coastal .demo-nav {
    border: 1px solid rgba(26, 95, 122, 0.08);
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(26, 58, 74, 0.04);
}

.ocean-coastal .demo-heading {
    font-weight: 600;
}