/* ==========================================================================
   Recep ŞENTÜRK - SEO URL Slug Bulucu / Polylang-Tarzı Dil Seçici
   ========================================================================== */

/* --------------------------------------------------------------------------
   GENEL BAYRAK GÖRSELİ (FlagCDN)
   -------------------------------------------------------------------------- */
.at-flag-wrap {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

.at-flag-img {
    width: 18px !important;
    height: 13px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    border-radius: 2px !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important;
    object-fit: cover !important;
    transition: transform 0.15s ease !important;
}

/* --------------------------------------------------------------------------
   1. POLYLANG-TARZI WORDPRESS MENÜ ÖĞESİ (.at-cross-menu-item)
   -------------------------------------------------------------------------- */
li.menu-item.at-cross-menu-item {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

li.menu-item.at-cross-menu-item > a.at-menu-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

li.menu-item.at-cross-menu-item .at-code {
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
}

li.menu-item.at-cross-menu-item .at-arrow {
    font-size: 10px !important;
    color: currentColor !important;
    opacity: 0.7 !important;
    transition: transform 0.2s ease !important;
}

li.menu-item.at-cross-menu-item:hover > a.at-menu-trigger .at-arrow,
li.menu-item.at-cross-menu-item.is-open > a.at-menu-trigger .at-arrow {
    transform: rotate(180deg) !important;
}

/* Menü Açılır Listesi (Dropdown) */
li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    min-width: 180px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    padding: 6px !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
    z-index: 99999 !important;
    animation: atMenuSlide 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Görünmez Hover Köprüsü (Fare aşağı inerken açılır pencerenin kapanmasını önler) */
li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown::before,
.at-header-dropdown::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 20px !important;
    background: transparent !important;
}

/* Hover veya Açıkken Göster */
li.menu-item.at-cross-menu-item:hover ul.sub-menu.at-menu-dropdown,
li.menu-item.at-cross-menu-item:focus-within ul.sub-menu.at-menu-dropdown,
li.menu-item.at-cross-menu-item.is-open ul.sub-menu.at-menu-dropdown,
li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown:hover {
    display: block !important;
}

li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown li.menu-item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown li.menu-item a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown li.menu-item a:hover {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
}

li.menu-item.at-cross-menu-item ul.sub-menu.at-menu-dropdown li.menu-item.current-menu-item a {
    background: rgba(2, 132, 199, 0.08) !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
}

li.menu-item.at-cross-menu-item .at-dot {
    margin-left: auto !important;
    font-size: 10px !important;
    color: #0284c7 !important;
}


/* --------------------------------------------------------------------------
   2. HEADER / ELEMENTOR / TEMPLATE DROPDOWN (.at-cross-switcher-header-wrap)
   -------------------------------------------------------------------------- */
.at-cross-switcher-header-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    font-family: inherit !important;
}

.at-header-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: inherit !important;
    text-decoration: none !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}

.at-header-toggle:hover {
    background: transparent !important;
    color: #0284c7 !important;
}

.at-header-toggle .at-arrow {
    font-size: 10px !important;
    color: currentColor !important;
    opacity: 0.7 !important;
    transition: transform 0.2s ease !important;
}

.at-cross-switcher-header-wrap:hover .at-arrow,
.at-cross-switcher-header-wrap.is-open .at-arrow {
    transform: rotate(180deg) !important;
}

.at-header-dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    min-width: 170px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    padding: 6px !important;
    margin: 0 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
    z-index: 99999 !important;
    animation: atMenuSlide 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.at-cross-switcher-header-wrap:hover .at-header-dropdown,
.at-cross-switcher-header-wrap:focus-within .at-header-dropdown,
.at-cross-switcher-header-wrap.is-open .at-header-dropdown,
.at-header-dropdown:hover {
    display: block !important;
}

.at-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 500;
    color: #1e293b !important;
    border-radius: 6px;
    transition: background 0.15s ease;
}

.at-dropdown-item:hover {
    background: #f1f5f9;
    color: #0284c7 !important;
}

.at-dropdown-item.is-active {
    background: rgba(2, 132, 199, 0.08);
    color: #0284c7 !important;
    font-weight: 700;
}

.at-dropdown-item .at-check {
    margin-left: auto;
    font-size: 12px;
    color: #0284c7;
    font-weight: bold;
}


/* --------------------------------------------------------------------------
   3. YANYANA SIRALI BAYRAKLAR MODU (.at-cross-switcher-inline-row)
   -------------------------------------------------------------------------- */
.at-cross-switcher-inline-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    vertical-align: middle;
}

.at-inline-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 6px;
    text-decoration: none !important;
    color: inherit !important;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.15s ease;
    opacity: 0.75;
}

.at-inline-item:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.at-inline-item.is-active {
    opacity: 1;
    background: rgba(2, 132, 199, 0.12);
    color: #0284c7 !important;
    border-bottom: 2px solid #0284c7;
}

@keyframes atMenuSlide {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}