/*
Theme Name: Sierra at Tahoe
Description: A modern block theme for Sierra at Tahoe ski resort featuring weather conditions, events, and mountain information.
Version: 1.1.6
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: sierra-at-tahoe
*/

@import './assets/css/helpers.css';

/*
 * Sierra at Tahoe Block Theme
 *
 * This theme follows modern WordPress block theme best practices:
 * - Design tokens centralized in theme.json
 * - Core blocks + patterns preferred over custom blocks
 * - Interactivity API for front-end behavior
 * - REST API for server communication
 * - @wordpress/dataviews for admin interfaces
 */

/* Footer Navigation Links */
.footer-nav-list {
    padding-left: 0 !important;
    margin: 0 !important;
}

.footer-nav-list li {
    margin-bottom: 12px !important;
}

.footer-nav-list a {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.footer-nav-list a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Carousel Fixes */
.sierra-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.sierra-carousel .carousel-container {
    position: relative;
}

.sierra-carousel .carousel-slides {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sierra-carousel .carousel-slide {
    flex: 0 0 auto;
    min-width: 0;
    box-sizing: border-box;
}

/* Desktop: Default 4 slides showing */
@media (min-width: 1024px) {
    .sierra-carousel[data-slides-to-show="4"] .carousel-slide {
        width: 25%;
    }
    .sierra-carousel[data-slides-to-show="3"] .carousel-slide {
        width: 33.333%;
    }
    .sierra-carousel[data-slides-to-show="2"] .carousel-slide {
        width: 50%;
    }
    .sierra-carousel[data-slides-to-show="1"] .carousel-slide {
        width: 100%;
    }
}

/* Tablet: Responsive adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
    .sierra-carousel[data-responsive="true"][data-slides-to-show="4"] .carousel-slide,
    .sierra-carousel[data-responsive="true"][data-slides-to-show="3"] .carousel-slide {
        width: 50%;
    }
}

/* Mobile: Single slide with peek */
@media (max-width: 767px) {
    .sierra-carousel[data-responsive="true"][data-slides-to-show="4"] .carousel-slide,
    .sierra-carousel[data-responsive="true"][data-slides-to-show="3"] .carousel-slide {
        width: 90%;
    }
    body:has(.sierra-webcams-carousel) .wp-block-post-content {
        overflow-x: hidden !important;
    }
}

/* Arrow positioning fixes */
.sierra-carousel .carousel-arrow {
    z-index: 20;
}

/* Dot positioning fixes */
.sierra-carousel .carousel-dots {
    margin-top: var(--wp--preset--spacing--medium, 16px);
}

/* Ensure carousel images maintain aspect ratio */
.sierra-carousel .carousel-slide img {
    width: 100%;
    height: auto;
    display: block;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}