/**
 * Catanzaro Tourism Theme - Main Stylesheet
 * 
 * PURPOSE: This is the main entry point for all theme styles. It imports
 * all modular CSS files and provides the theme header required by WordPress.
 * 
 * STRUCTURE:
 * - WordPress theme header (required)
 * - CSS imports for modular files
 * - Base styles (variables, reset, typography)
 * - Utilities (spacing, responsive, etc.)
 * - Components (navigation, cards, buttons, etc.)
 * - WordPress core compatibility
 * - Plugin-specific styles
 * 
 * USAGE:
 * - This file is automatically loaded by WordPress
 * - All other CSS files are imported through this file
 * - Maintains clean separation of concerns
 * - Provides single point of entry for all styles
 * 
 * UPDATE PROCEDURES:
 * - HIGH IMPACT: Changes affect entire theme
 * - Add new imports for new modular files
 * - Maintain proper import order (dependencies first)
 * - Test thoroughly after any changes
 * - Keep WordPress header updated
 * 
 * DEPENDENCIES:
 * - All modular CSS files in assets/css/
 * - WordPress core compatibility
 * - Plugin CSS files
 * 
 * @package TurismoCatanzaro
 * @version 1.1.0
 */

/*
Theme Name: Tourism Catanzaro - Professional Tourism Theme
Description: A modern, responsive WordPress theme designed specifically for tourism websites. Features a clean, professional design with comprehensive support for tourism-related content, events, itineraries, and attractions. Built with modular CSS architecture for easy maintenance and customization.
Author: Asincrona SRL
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8.1
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turismo-catanzaro
Domain Path: /languages
Tags: tourism, travel, responsive, modern, clean, professional, events, attractions, itineraries
*/

/* ==========================================================================
   Import Modular CSS Files
   ========================================================================== */

/* Base Styles - Foundation */
@import url('assets/css/base/variables.css');
@import url('assets/css/base/reset.css');
@import url('assets/css/base/typography.css');
@import url('assets/css/templates/wordpress-core.css');

/* Utilities - Helper Classes */
@import url('assets/css/utilities/spacing.css');
@import url('assets/css/utilities/colors.css');
@import url('assets/css/utilities/layout.css');
@import url('assets/css/utilities/responsive.css');
@import url('assets/css/utilities/utilities.css');
@import url('assets/css/utilities/animations.css');

/* Components - Reusable UI Elements */
@import url('assets/css/components/navigation.css');
@import url('assets/css/components/buttons.css');
@import url('assets/css/components/cards.css');
@import url('assets/css/components/titles.css');
@import url('assets/css/components/badges.css');
@import url('assets/css/components/maps.css');
@import url('assets/css/components/single-pages.css');
@import url('assets/css/components/layout.css');
@import url('assets/css/components/carousel.css');
@import url('assets/css/components/section-dividers.css');
@import url('assets/css/components/search-modal.css');
@import url('assets/css/components/back-to-top.css');
@import url('assets/css/components/page-scopri.css');
@import url('assets/css/components/contact-page.css');
@import url('assets/css/components/background-decoration.css');
@import url('assets/css/components/info-cards.css');



/* ==========================================================================
   Theme-Specific Overrides
   ========================================================================== */

/* Ensure theme styles take precedence over plugins */
.tourism-theme-override {
    /* Theme-specific overrides can be added here */
}

/* ==========================================================================
   Single Post/Article Styles
   ========================================================================== */

/* Tags Section */
.tags-section {
    background: var(--tourism-gray-50);
    padding: var(--tourism-space-8) 0;
    border-top: 1px solid var(--tourism-gray-200);
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tourism-space-2);
}

.post-tags .tag-item {
    display: inline-block;
    background: var(--tourism-primary);
    color: var(--tourism-white);
    padding: var(--tourism-space-1) var(--tourism-space-3);
    border-radius: var(--tourism-border-radius-full);
    font-size: var(--tourism-text-xs);
    font-weight: var(--tourism-font-medium);
    text-decoration: none;
    transition: all var(--tourism-transition-normal);
}

.post-tags .tag-item:hover {
    background: var(--tourism-primary-dark);
    transform: translateY(-1px);
}

/* Description Section - Centered for Single Posts */
.single-post .description-section .description-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.single-post .description-section .description-content p {
    text-align: left;
    margin-bottom: var(--tourism-space-6);
    line-height: var(--tourism-leading-relaxed);
    color: var(--tourism-gray-700);
}

.single-post .description-section .description-content h1,
.single-post .description-section .description-content h2,
.single-post .description-section .description-content h3,
.single-post .description-section .description-content h4,
.single-post .description-section .description-content h5,
.single-post .description-section .description-content h6 {
    text-align: left;
    margin-top: var(--tourism-space-8);
    margin-bottom: var(--tourism-space-4);
    color: var(--tourism-gray-800);
}

.single-post .description-section .description-content ul,
.single-post .description-section .description-content ol {
    text-align: left;
    margin-left: var(--tourism-space-6);
    margin-bottom: var(--tourism-space-6);
}

.single-post .description-section .description-content blockquote {
    text-align: left;
    margin: var(--tourism-space-6) 0;
    padding: var(--tourism-space-4) var(--tourism-space-6);
    border-left: 4px solid var(--tourism-primary);
    background: var(--tourism-gray-50);
    font-style: italic;
}

/* Article Meta Information */
.tourism-carousel__card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tourism-space-2);
    color: var(--tourism-gray-300);
    font-size: var(--tourism-text-sm);
}

.tourism-carousel__card-date,
.tourism-carousel__card-author {
    display: inline-flex;
    align-items: center;
    gap: var(--tourism-space-1);
}

.tourism-carousel__card-date i,
.tourism-carousel__card-author i {
    opacity: 0.7;
}

/* Comments Section */
.comments-section {
    background: var(--tourism-white);
    padding: var(--tourism-space-16) 0;
    border-top: 1px solid var(--tourism-gray-200);
}

/* Page Links (Pagination for multi-page posts) */
.page-links {
    margin-top: var(--tourism-space-8);
    padding-top: var(--tourism-space-4);
    border-top: 1px solid var(--tourism-gray-200);
    text-align: center;
}

.page-links a {
    display: inline-block;
    margin-right: var(--tourism-space-2);
    padding: var(--tourism-space-2) var(--tourism-space-3);
    background: var(--tourism-gray-100);
    color: var(--tourism-gray-700);
    text-decoration: none;
    border-radius: var(--tourism-border-radius);
    transition: all var(--tourism-transition-normal);
}

.page-links a:hover {
    background: var(--tourism-primary);
    color: var(--tourism-white);
}

/* ==========================================================================
   Development Helpers
   ========================================================================== */

/* Debug mode - uncomment for development */
/* 
.tourism-debug * {
    outline: 1px solid red !important;
}
*/

/* Print styles */
@media print {

    .tourism-section-divider,
    .share-section,
    .related-section {
        display: none !important;
    }
}

/* Events Content Styling */
.events-content {
    position: relative;
    z-index: 1;
}