/* English Pages Specific Styles */

/* Language Switcher - Use same style as Turkish pages */
.language-switcher .language-btn {
    background: none;
    border: none;
    color: var(--white);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--transition-fast);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.language-switcher .language-btn:hover {
    color: var(--secondary-color);
    background: rgba(255, 255, 255, 0.1);
}

.language-switcher .language-btn.active {
    color: var(--secondary-color);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.language-switcher .language-divider {
    color: var(--white);
    font-weight: 300;
    opacity: 0.7;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Ensure EN button is always active on English pages */
.language-switcher .language-btn[data-lang="en"] {
    color: var(--secondary-color) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Language link (EN button) on English pages */
.language-switcher .language-link {
    color: var(--secondary-color) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.language-switcher .language-link:hover {
    color: var(--secondary-color) !important;
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.language-switcher .language-btn[data-lang="tr"] {
    color: var(--white) !important;
    background: none !important;
    font-weight: 600 !important;
}

/* Language link (TR button) on English pages */
.language-switcher .language-link[data-lang="tr"] {
    color: var(--white) !important;
    background: none !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.language-switcher .language-link[data-lang="tr"]:hover {
    color: var(--secondary-color) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Sticky header language switcher - same as Turkish pages */
.navbar.scrolled .language-switcher .language-btn {
    color: var(--primary-color) !important;
    text-shadow: none;
}

.navbar.scrolled .language-switcher .language-btn:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.1);
}

.navbar.scrolled .language-switcher .language-btn.active {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2);
}

.navbar.scrolled .language-switcher .language-divider {
    color: var(--primary-color) !important;
    text-shadow: none;
}

/* Ensure EN button is always active in sticky state */
.navbar.scrolled .language-switcher .language-btn[data-lang="en"] {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Language link (EN button) in sticky state on English pages */
.navbar.scrolled .language-switcher .language-link {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.navbar.scrolled .language-switcher .language-link:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.3) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.navbar.scrolled .language-switcher .language-btn[data-lang="tr"] {
    color: var(--primary-color) !important;
    background: none !important;
    font-weight: 600 !important;
}

/* Language link (TR button) in sticky state on English pages */
.navbar.scrolled .language-switcher .language-link[data-lang="tr"] {
    color: var(--primary-color) !important;
    background: none !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.navbar.scrolled .language-switcher .language-link[data-lang="tr"]:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.1) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Inner page language switcher - same as Turkish pages */
.inner-page .language-switcher .language-btn {
    color: var(--primary-color) !important;
    text-shadow: none;
}

.inner-page .language-switcher .language-btn:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.1);
}

.inner-page .language-switcher .language-btn.active {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2);
}

.inner-page .language-switcher .language-divider {
    color: var(--primary-color) !important;
    text-shadow: none;
}

/* Ensure EN button is always active in inner page state */
.inner-page .language-switcher .language-btn[data-lang="en"] {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Language link (EN button) in inner page state on English pages */
.inner-page .language-switcher .language-link {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.2) !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.inner-page .language-switcher .language-link:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.3) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.inner-page .language-switcher .language-btn[data-lang="tr"] {
    color: var(--primary-color) !important;
    background: none !important;
    font-weight: 600 !important;
}

/* Language link (TR button) in inner page state on English pages */
.inner-page .language-switcher .language-link[data-lang="tr"] {
    color: var(--primary-color) !important;
    background: none !important;
    font-weight: 600 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.inner-page .language-switcher .language-link[data-lang="tr"]:hover {
    color: var(--secondary-color) !important;
    background: rgba(93, 169, 221, 0.1) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Additional English page specific overrides */
.header__language {
    margin-left: 5px;
}

/* Ensure proper spacing for English header elements */
.header__right {
    gap: 1rem;
}

/* Mobile responsive adjustments for English pages */
@media (max-width: 991.98px) {
    .language-switcher .language-btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .language-switcher .language-divider {
        margin: 0 0.25rem;
    }
}

/* English News Page Full Width Styles */
.page-content .container-fluid {
    max-width: none !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.page-content .content-card {
    max-width: none !important;
    width: 100% !important;
}

.news-details-section .news-text {
    width: 100% !important;
    max-width: none !important;
}

.news-content {
    width: 100% !important;
    max-width: none !important;
}

.page-content .prose {
    max-width: none !important;
    width: 100% !important;
}

/* Ensure all content is full width */
.page-content .col-12 {
    max-width: none !important;
    width: 100% !important;
}

.page-content .card-body {
    max-width: none !important;
    width: 100% !important;
}