/*
Theme Name: Stile Salentino Child Theme
Theme URI: https://stilesalentino.com
Description: Enhanced child theme for Stile Salentino Fashion Directory with modular component system
Author: Your Name
Author URI: https://stilesalentino.com
Template: Divi
Version: 2.1.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stile-salentino
*/

/**
 * STILE SALENTINO MAIN STYLESHEET - ENHANCED v2.1.0
 * 
 * This file serves as the entry point and contains:
 * 1. Theme information header (above)
 * 2. Legacy compatibility styles
 * 3. Global overrides and customizations
 * 4. Divi-specific enhancements
 * 5. Fashion Directory legacy support
 * 
 * The modular CSS system is loaded via functions.php:
 * - variables.css (design tokens)
 * - base.css (typography, reset)
 * - layout.css (containers, grids)
 * - components.css (buttons, cards, UI)
 * - store-directory.css (archive pages)
 * - store-cards.css (store components)
 * - store-filters.css (filters & search)
 * - featured-content.css (bento grids, heroes)
 * - store-maps.css (map components)
 * - utilities.css (helper classes)
 * 
 * @package StileSalentino
 * @version 2.1.0
 */






/* Test sync  V15 Hostinger GIT*/




/* =============================================================
   IMPORT CHILD THEME STYLES (for older browsers)
   ============================================================= */

@import url("assets/css/variables.css");

/* =============================================================
   THEME IDENTIFICATION & VERSION INFO
   ============================================================= */

body {
    --theme-name: "Stile Salentino";
    --theme-version: "2.1.0";
    --system-type: "modular";
}

body::before {
    content: "Stile Salentino v2.1.0 - Modular System Active";
    display: none;
    /* Hidden but available for debugging */
}

/* =============================================================
   DIVI THEME COMPATIBILITY & OVERRIDES
   ============================================================= */

/* Ensure child theme styles take priority over Divi */
.et_pb_module,
.et_pb_section,
.et_pb_row {
    /* Allow our modular components to work within Divi modules */
    position: relative;
}

/* Divi Text Module Enhancements */
.et_pb_text .store-card,
.et_pb_text .store-listing,
.et_pb_text .featured-stores {
    /* Ensure proper spacing within Divi text modules */
    margin-bottom: var(--space-lg, 24px);
}

.et_pb_text .store-card:last-child,
.et_pb_text .store-listing:last-child,
.et_pb_text .featured-stores:last-child {
    margin-bottom: 0;
}

/* Divi Button Overrides (when using our custom buttons) */
.et_pb_button.btn {
    /* Prioritize our button styles over Divi's */
    background: var(--btn-bg) !important;
    color: var(--btn-color) !important;
    border: var(--btn-border-width) solid var(--btn-border-color, transparent) !important;
    border-radius: var(--btn-border-radius) !important;
    padding: var(--btn-padding-y) var(--btn-padding-x) !important;
    font-size: var(--btn-font-size) !important;
    font-weight: var(--btn-font-weight) !important;
    transition: var(--btn-transition) !important;
}

/* Divi Grid Compatibility */
.et_pb_column .grid {
    /* Ensure our grid system works within Divi columns */
    width: 100%;
}

/* =============================================================
   LEGACY COMPATIBILITY (for existing shortcodes)
   ============================================================= */

/* Support for old shortcode styling */
.fashion-store-grid,
.store-details-container,
.featured-stores-container {
    /* Legacy containers still work */
    transition: all 0.3s ease;
}

/* Legacy store cards (backward compatibility) */
.store-card-legacy {
    /* Apply new styling to legacy cards */
    @extend .store-card;
}

/* Legacy featured stores bento */
.featured-stores-bento {
    /* Apply new bento grid styling */
    @extend .bento-grid;
}

/* =============================================================
   GLOBAL STYLE ENHANCEMENTS
   ============================================================= */

/* Smooth scrolling for the entire site */
html {
    scroll-behavior: smooth;
}

/* Improved font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Better focus states site-wide */
*:focus-visible {
    outline: 2px solid var(--focus-color, #2563eb);
    outline-offset: 2px;
}

/* Remove focus outline for mouse users */
*:focus:not(:focus-visible) {
    outline: none;
}

/* =============================================================
   WORDPRESS CORE COMPATIBILITY
   ============================================================= */

/* WordPress admin bar spacing adjustment */
.admin-bar .sticky-header {
    top: 32px;
}

/* WordPress gallery integration */
.wp-block-gallery .store-card,
.gallery .store-card {
    margin-bottom: var(--space-md, 16px);
}

/* WordPress search form integration */
.wp-block-search .store-filters,
.searchform .store-filters {
    margin-top: var(--space-md, 16px);
}

/* =============================================================
   ACCESSIBILITY ENHANCEMENTS
   ============================================================= */

/* Skip to content link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: var(--color-primary, #2563eb);
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: var(--z-max, 9999);
    border-radius: 0 0 4px 4px;
    transition: top 0.2s ease;
}

.skip-to-content:focus {
    top: 6px;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {

    .store-card,
    .bento-item,
    .category-card,
    .btn,
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =============================================================
   PERFORMANCE OPTIMIZATIONS
   ============================================================= */

/* Critical path optimization */
.store-card,
.store-listing,
.featured-stores {
    contain: layout style;
}

/* GPU acceleration for animations */
.store-card:hover,
.bento-item:hover,
.btn:hover {
    will-change: transform;
    transform-origin: center;
    backface-visibility: hidden;
}

/* =============================================================
   UTILITY OVERRIDES & EXTENSIONS
   ============================================================= */

/* Custom utility extensions specific to fashion directory */
.fashion-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    background-size: 200% 200%;
    animation: gradient-shift 8s ease infinite;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.salentino-gold {
    background: linear-gradient(135deg, #d4af37, #ffd700, #ffed4e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Fashion-specific hover effects */
.fashion-hover-lift {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fashion-hover-lift:hover {
    transform: translateY(-8px) scale(1.02);
}

/* =============================================================
   PRINT STYLES
   ============================================================= */

@media print {

    /* Hide interactive elements when printing */
    .store-filters,
    .view-toggle,
    .btn,
    .store-map__controls,
    .quick-filters,
    nav {
        display: none !important;
    }

    /* Optimize layout for print */
    .store-card {
        break-inside: avoid;
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        background: white !important;
        color: black !important;
    }

    /* Print-friendly colors */
    .store-card__title-link,
    .store-meta__link,
    a {
        color: #000000 !important;
        text-decoration: underline !important;
    }

    /* Print page layout */
    .container {
        max-width: none !important;
        padding: 0 !important;
    }

    .grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* =============================================================
   BROWSER-SPECIFIC FIXES
   ============================================================= */

/* Safari-specific fixes */
@supports (-webkit-appearance: none) {
    .store-card {
        /* Fix Safari rendering issues */
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000px;
    }

    .form-input,
    .form-select {
        /* Fix Safari form styling */
        -webkit-appearance: none;
    }
}

/* Firefox-specific fixes */
@-moz-document url-prefix() {
    .store-card__image img {
        /* Fix Firefox object-fit issues */
        width: 100%;
        height: 100%;
    }
}

/* Internet Explorer fallbacks (if needed) */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .grid {
        /* IE11 grid fallback */
        display: -ms-grid;
    }

    .flex {
        /* IE11 flexbox fallback */
        display: -ms-flexbox;
    }
}

/* =============================================================
   DEBUG MODE (Remove in production)
   ============================================================= */

/* Enable with ?debug=1 URL parameter */
/*body.debug-mode .store-card {
    border: 2px dashed red !important;
}

body.debug-mode .grid {
    background: rgba(255, 0, 0, 0.1) !important;
}

body.debug-mode .container {
    border: 1px solid blue !important;
}

/* Component debug info 
body.debug-mode::after {
    content: "🔧 Debug Mode Active - Stile Salentino v2.1.0";
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    z-index: var(--z-max, 9999);
    pointer-events: none;
} 
*/

/* EMERGENCY CSS TEST - FORCE BUTTON COLORS -*/
.btn--primary {
    background: #16a34a !important;
    color: white !important;
}

.btn--secondary {
    background: #7c3aed !important;
    color: white !important;
}

.btn--success {
    background: #dc2626 !important;
    color: white !important;
}


/* =============================================================
   THEME CUSTOMIZATION HOOKS
   ============================================================= */

/* Custom CSS injection point for theme customizer */
:root {
    /* These can be overridden by theme customizer or additional CSS */
    --theme-custom-primary: var(--color-primary);
    --theme-custom-secondary: var(--color-secondary);
    --theme-custom-font: var(--font-primary);
}

/* End of main stylesheet */
/* Complete Test Tue Nov 11 04:05:35 PM UTC 2025 */
/* Test Tue Nov 11 04:29:47 PM UTC 2025 */


/* VS Code Portable Test - $(date) *//* Auto-sync test 1762975380 */