/* Custom Styles Extracted from Inline Styles for Deep Audit 100% Score */
/* Navigation */
.menu-toggle {
    min-width: 44px;
    min-height: 44px;
}
#main-menu > li > a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.submenu-toggle {
    min-width: 44px;
    min-height: 44px;
}
.submenu > li > a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
}
.lang-selector {
    display: flex;
    align-items: center;
    padding: 0 1rem;
}
.lang-selector form {
    margin: 0;
}
#lang-switch-select {
    min-height: 44px;
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--color-primary);
    background: transparent;
    color: var(--color-text-dark);
}
/* Index */
.hero-content {
    background: rgba(255, 255, 255, 0.9); 
    padding: 2rem; 
    border-radius: 8px;
}


/* --- FAQ & GEO FACTS (Added for Code Quality & GEO SEO) --- */
.faq-section-wrapper { margin-top: 4rem; }
h2.faq-heading { text-align: center; margin-bottom: 2rem; font-size: 2.2rem; color: var(--color-primary); }
.faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }

/* The poi-card class already exists, we just augment it for the FAQ */
.faq-grid .poi-card { padding: 2rem; background: var(--color-background-light); border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-left: 4px solid var(--color-primary); display: flex; flex-direction: column; }
.faq-card-title { color: var(--color-primary); margin-top: 0; font-size: 1.4rem; line-height: 1.3; }
.faq-card-icon { margin-right: 0.5rem; }
.faq-card-text { margin-bottom: 0; line-height: 1.6; }

/* GEO Facts Bar */
.geo-facts-section { background-color: var(--color-primary); color: white; padding: 3rem 1rem; margin-top: 4rem; border-radius: 8px; }
.geo-facts-container { display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1200px; margin: 0 auto; gap: 2rem; text-align: center; }
.geo-fact { flex: 1; min-width: 150px; }
.geo-fact-number { display: block; font-size: 3rem; font-weight: bold; margin-bottom: 0.5rem; }
.geo-fact-label { display: block; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; }