/* ========================================
   A.D.E.X. EDITOR + FRONTEND SHARED STYLES
   Loaded via enqueue_block_assets (both editor and frontend)
   Only contains styles that Kadence blocks can't handle
   ======================================== */

/* ========================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ======================================== */
:root {
    --adex-truck-blue: #2d4a52;
    --adex-primary: #e86a3a;
    --adex-accent: #e07850;
    --adex-dark: #1a2e33;
    --adex-muted: #737373;
    --adex-light-bg: #f5f5f4;
    --adex-white: #ffffff;
    --adex-border: #e5e5e5;
}

/* Also define in editor wrapper for block editor */
.editor-styles-wrapper {
    --adex-truck-blue: #2d4a52;
    --adex-primary: #e86a3a;
    --adex-accent: #e07850;
    --adex-dark: #1a2e33;
    --adex-muted: #737373;
    --adex-light-bg: #f5f5f4;
    --adex-white: #ffffff;
    --adex-border: #e5e5e5;
}

/* ========================================
   HIDE KADENCE DEFAULT HERO ON CUSTOM PAGES
   ======================================== */
body.home .entry-hero,
body.page-id-9 .entry-hero,
body.page-id-10 .entry-hero,
body.page-id-11 .entry-hero,
body.page-id-12 .entry-hero,
body.page-id-13 .entry-hero,
body.page-id-14 .entry-hero,
body.home .page-hero-section,
body.page-id-9 .page-hero-section,
body.page-id-10 .page-hero-section,
body.page-id-11 .page-hero-section,
body.page-id-12 .page-hero-section,
body.page-id-13 .page-hero-section,
body.page-id-14 .page-hero-section {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.home .content-area,
body.page-id-9 .content-area,
body.page-id-10 .content-area,
body.page-id-11 .content-area,
body.page-id-12 .content-area,
body.page-id-13 .content-area,
body.page-id-14 .content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.home .entry-content-wrap,
body.page-id-9 .entry-content-wrap,
body.page-id-10 .entry-content-wrap,
body.page-id-11 .entry-content-wrap,
body.page-id-12 .entry-content-wrap,
body.page-id-13 .entry-content-wrap,
body.page-id-14 .entry-content-wrap {
    padding: 0 !important;
}

/* ========================================
   MAP LIGHTBOX (Kontakt page - interactive)
   ======================================== */
.map-clickable {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.map-clickable.map-enlarged {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
    z-index: 10001 !important;
    border-radius: 8px !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3) !important;
}

.map-overlay {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.7) !important;
    z-index: 10000 !important;
    cursor: pointer !important;
}

.map-clickable.map-enlarged ~ .map-hint {
    display: none !important;
}

body:has(.map-enlarged) .map-overlay {
    display: block !important;
}

/* ========================================
   FLEX LAYOUT FIXES (Editor + Frontend)
   ======================================== */
/* Prevent badge text wrapping inside flex layouts (e.g. timeline year badges) */
.wp-block-group.is-layout-flex > .has-background {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}