/**
 * Contact Page (Kontakt) Styles
 * Extracted from inline styles for better maintainability and server compatibility
 */

/* Force full-width layout */
html {
    overflow-x: visible !important;
}

@media screen and (max-width: 782px) {
    html.wp-toolbar {
        padding-top: 46px !important;
    }
}

/* Override the theme's .site-content constraint */
.page-template-page-kontakt .site-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make main element full-width for this page */
.page-template-page-kontakt main {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* Override parent containers for team section */
.page-template-page-kontakt .bg-white.py-24,
.page-template-page-kontakt .bg-white.sm\:py-32 {
    width: 100% !important;
    max-width: none !important;
    padding-top: 128px !important;
    padding-bottom: 128px !important;
}

/* Scope to main content only - don't affect header */
.page-template-page-kontakt main .mx-auto.max-w-7xl {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* Add breathing room - match target spacing */
/* Title section needs 176px from header (currently 48px) - add 128px padding */
.page-template-page-kontakt div.mx-auto.max-w-2xl {
    padding-top: 128px !important;
}

/* Ensure Tailwind margin classes work */
.page-template-page-kontakt h1.mt-12 {
    margin-top: 48px !important;
}

/* Add spacing between title and subtitle (24px) */
.page-template-page-kontakt h1.heading-cond-bold+p.mt-6 {
    margin-top: 24px !important;
}

/* Center title container and grid horizontally */
.page-template-page-kontakt div.mx-auto.max-w-2xl,
.page-template-page-kontakt ul[role="list"].mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Fix spacing within team member cards */
/* Role → Description spacing (mt-6 = 24px) */
.page-template-page-kontakt ul[role="list"] li p.mt-6 {
    margin-top: 24px !important;
}

/* Description → Email spacing (mt-2 = 8px) */
.page-template-page-kontakt ul[role="list"] li p.mt-2 {
    margin-top: 8px !important;
}

/* Ensure team grid has correct max-width at large breakpoints */
/* Target uses 1216px (1280px - 32px padding on each side) */
@media (min-width: 1024px) {
    .page-template-page-kontakt ul[role="list"].max-w-5xl {
        max-width: 1216px !important;
    }
}