/*
Theme Name: The IV Guide
Description: A custom WordPress theme for IV therapy and wellness clinic directory. Features custom post types, Gutenberg blocks, and mobile-responsive design.
Version: 1.0.0
Author: Your Name
Text Domain: iv-guide
Domain Path: /languages
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

The IV Guide WordPress Theme, Copyright 2024
The IV Guide is distributed under the terms of the GNU GPL

This theme is built for IV therapy clinic directories and includes:
- Custom post type for clinics
- Custom taxonomies for locations and services  
- Gutenberg blocks for hero sections and clinic grids
- Mobile-first responsive design
- SEO optimized structure
- Performance optimized assets
*/

/* 
 * This file only contains the WordPress theme header information.
 * All actual styles are loaded from assets/css/main.css to keep 
 * the code organized and maintainable.
 * 
 * The main.css file contains:
 * - CSS custom properties for easy customization
 * - Mobile-first responsive design
 * - Component-based styling
 * - Performance optimized CSS
 * - Accessibility features
 * - Print styles
 */

/* Import main styles */
@import url('./assets/css/main.css');

/* Theme-specific overrides can go here if needed */

/* Gutenberg Editor Styles */
.wp-block {
    max-width: 800px;
}

.wp-block[data-align="wide"] {
    max-width: 1200px;
}

.wp-block[data-align="full"] {
    max-width: none;
}

/* Custom block styles for editor */
.wp-block[data-type="iv-guide/hero"] {
    margin: 2rem 0;
}

.wp-block[data-type="iv-guide/clinic-grid"] {
    margin: 2rem 0;
}

.wp-block[data-type="iv-guide/features"] {
    margin: 2rem 0;
}

/* WordPress Core Compatibility */
.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}