/*
Theme Name: CC Framework - Semantic Room Architecture
Description: Child theme for Challenging Communications implementing Anja Zoerner's revolutionary 11-room semantic architecture. Optimized for AI search engines and modern content discovery.
Author: Challenging Communications Team
Author URI: https://challenging-communications.com
Template: twentytwentyfive
Version: 2.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: cc-framework
Tags: semantic-rooms, ai-optimized, content-architecture, anja-zoerner

This child theme implements the CC Framework - a revolutionary approach to website content organization using 11 semantic rooms (A-L system) designed for optimal AI search engine compatibility and human content discovery.

Rooms:
A - Building Plan: Structure & Navigation
B - Reception Hall: Contact & Orientation  
C - Brand Core: Identity & Representation
D - Offer Zone: Products & Services
E - Knowledge Wing: Articles & Knowledge Transfer
F - Entertainment Stage: Media & Experiences
G - Trust Chamber: Ethics & Legal
H - Security Wing: Privacy & Governance
I - Community Garden: Participation & Feedback
J - Innovation Lab: Open Source & Future Topics
K - Memory Room: Archives & History
L - Future Port: Bookings, Events & Vision
*/

/* ========================================
   CC FRAMEWORK CHILD THEME STYLES
   
   Note: The main CC Framework CSS is loaded via 
   functions.php wp_add_inline_style() for better
   performance and cache management.
   
   This file contains only theme-specific 
   overrides and customizations.
======================================== */

/* Import Google Fonts for better typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ========================================
   THEME OVERRIDES
======================================== */

/* Override parent theme typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
}

/* Ensure CC Framework compatibility */
.cc-framework {
    font-family: inherit;
}

/* ========================================
   THEME-SPECIFIC CUSTOMIZATIONS
======================================== */

/* Header adjustments for CC Framework */
.site-header {
    position: relative;
    z-index: 1000;
}

/* Main content area optimization */
.site-main {
    min-height: 50vh;
}

/* Footer spacing */
.site-footer {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 2px solid #f0f0f0;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
======================================== */

@media (max-width: 768px) {
    /* Mobile-specific adjustments */
    .cc-framework {
        padding: 0 15px;
    }
}

/* ========================================
   THEME COMPATIBILITY FIXES
======================================== */

/* Ensure Twenty Twenty-Four compatibility */
.wp-site-blocks {
    padding: 0;
}

/* Block editor adjustments */
.wp-block {
    max-width: none;
}

/* ========================================
   FUTURE CUSTOMIZATIONS
   
   Add your custom CSS below this line
======================================== */

/* =================================================================
   CC FRAMEWORK CURSOR FARBEN - FORCE OVERRIDE
   Diese Regeln ganz am ENDE der style.css einfügen
   ================================================================= */
    
/* CURSOR FARBEN ÜBERSCHREIBEN - HÖCHSTE PRIORITÄT */
.cc-custom-cursor,
.cc-custom-cursor[style],
#cc-custom-cursor,
#cc-custom-cursor[style] {
    background: #1D1459 !important;
    background-color: #1D1459 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    border-color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(29, 20, 89, 0.4) !important;
    
    /* Text-Eigenschaften */
    font-size: 11px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    letter-spacing: 0.5px !important;
}

/* CLICK STATE - Taupe */
.cc-custom-cursor.click-active,
.cc-custom-cursor.click-active[style],
#cc-custom-cursor.click-active,
#cc-custom-cursor.click-active[style] {
    background: #9C8B7C !important;
    background-color: #9C8B7C !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    border-color: #FFFFFF !important;
    box-shadow: 0 6px 25px rgba(156, 139, 124, 0.6) !important;
    transform: translate(-50%, -50%) scale(1.3) !important;
}

/* HOVER STATE - Weiß */
.cc-custom-cursor.hover-link,
.cc-custom-cursor.hover-link[style],
#cc-custom-cursor.hover-link,
#cc-custom-cursor.hover-link[style] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #1D1459 !important;
    border: 3px solid #1D1459 !important;
    border-color: #1D1459 !important;
    box-shadow: 0 6px 25px rgba(255, 255, 255, 0.8) !important;
    transform: translate(-50%, -50%) scale(1.15) !important;
    font-weight: 700 !important;
}

/* ROOM HOVER STATE - Taupe mit dunklem Border */
.cc-custom-cursor.room-hover,
.cc-custom-cursor.room-hover[style],
#cc-custom-cursor.room-hover,
#cc-custom-cursor.room-hover[style] {
    background: #9C8B7C !important;
    background-color: #9C8B7C !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 3px solid #1D1459 !important;
    border-color: #1D1459 !important;
    box-shadow: 0 6px 25px rgba(156, 139, 124, 0.6) !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
    font-weight: 700 !important;
}

/* TOUCH FEEDBACK FARBEN */
.touch-feedback,
.touch-feedback[style] {
    background: radial-gradient(circle, rgba(29, 20, 89, 0.6) 0%, rgba(29, 20, 89, 0.2) 40%, transparent 70%) !important;
    width: 50px !important;
    height: 50px !important;
}

/* JAVASCRIPT INLINE STYLES ÜBERSCHREIBEN */
.cc-custom-cursor[style*="background"],
.cc-custom-cursor[style*="color"],
.cc-custom-cursor[style*="border"] {
    background: #1D1459 !important;
    background-color: #1D1459 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
}

/* MOBILE TAP HIGHLIGHT ANPASSEN */
@media screen and (max-width: 768px) {
    a, button, .btn, .button, 
    .menu-toggle, .mobile-menu-button,
    .room-nav-item a, .room-card a {
        -webkit-tap-highlight-color: rgba(29, 20, 89, 0.15) !important;
    }
}