/*
Theme Name: Fidget Storefront
Theme URI: https://arola.cc
Description: Lightweight WooCommerce child theme for Premium Fidget Spinners. Full-width, mobile-first, sidebar-free.
Author: Arola
Template: storefront
Version: 1.0.0
Text Domain: fidget-storefront
*/

/* ============ Base / Full-width ============ */
.site-content .col-full,
.site-header .col-full,
.site-footer .col-full {
    max-width: 1200px;
}

/* Force full-width content (no sidebar) */
#primary.content-area {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
#secondary.widget-area { display: none !important; }

body { --accent: #d4af37; --dark: #14171c; }

/* ============ Hero ============ */
.fid-hero {
    position: relative;
    min-height: 78vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #14171c 0%, #2c333d 60%, #3a4250 100%);
    overflow: hidden;
}
/* Placeholder layer for client's future full-screen video / GIF */
.fid-hero__media {
    position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 40%, rgba(212,175,55,.18), transparent 60%);
    z-index: 0;
}
.fid-hero__inner { position: relative; z-index: 1; padding: 2rem 1.25rem; max-width: 760px; }
.fid-hero__inner h1 {
    font-size: clamp(2.4rem, 8vw, 4.5rem);
    line-height: 1.05;
    margin: 0 0 .5rem;
    letter-spacing: -1px;
    color: #fff;
}
.fid-hero__inner p { font-size: clamp(1rem, 3vw, 1.35rem); opacity: .85; margin: 0 0 1.8rem; }
.fid-btn {
    display: inline-block;
    background: var(--accent);
    color: #14171c !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .95rem 2.4rem;
    border-radius: 50px;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}
.fid-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,175,55,.35); }

/* ============ Features ============ */
.fid-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 1100px;
    margin: 4rem auto;
    padding: 0 1.25rem;
}
.fid-feature { text-align: center; padding: 1.5rem; }
.fid-feature__icon { font-size: 3rem; line-height: 1; margin-bottom: .75rem; }
.fid-feature h3 { margin: .25rem 0 .5rem; font-size: 1.25rem; }
.fid-feature p { opacity: .75; margin: 0; }

/* ============ Featured products ============ */
.fid-section-title { text-align: center; margin: 3.5rem 0 .25rem; font-size: clamp(1.8rem,5vw,2.6rem); }
.fid-section-sub { text-align: center; opacity: .65; margin: 0 0 2.5rem; }
.fid-products { max-width: 1150px; margin: 0 auto 4rem; padding: 0 1.25rem; }

/* Mobile */
@media (max-width: 768px) {
    .fid-features { grid-template-columns: 1fr; gap: .5rem; margin: 2.5rem auto; }
    .fid-hero { min-height: 70vh; }
}