/*
Theme Name: Fright & Fun
Theme URI: https://www.frightandfun.com
Author: Charles McQuain
Author URI: https://www.frightandfun.com
Description: A Halloween-themed affiliate marketing theme featuring the Midnight Ember design system. Dark mode editorial aesthetic with warm orange accents, optimized for listicle posts, product reviews, and category browsing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frightandfun
Tags: dark, e-commerce, blog, custom-menu, custom-logo, featured-images, theme-options

Fright & Fun WordPress Theme - Midnight Ember Design System
*/

/* Base styles that Tailwind doesn't handle */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.fill-icon {
    font-variation-settings: 'FILL' 1;
}

/* Editorial product grid */
.editorial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 2rem;
}

/* WordPress-specific overrides */
.wp-caption {
    max-width: 100%;
}
.wp-caption img {
    width: 100%;
    height: auto;
}
.wp-caption-text {
    font-size: 0.875rem;
    color: #a68b7e;
    margin-top: 0.5rem;
}
.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}
.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}
.aligncenter {
    display: block;
    margin: 0 auto 1rem;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

/* Admin bar spacing fix */
body.admin-bar header.sticky {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar header.sticky {
        top: 46px;
    }
}

/* Scrollbar hide utility */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}