/*
Theme Name: Teeno Child - Daily Angel
Theme URI: https://dailyangel.net
Description: Daily Angel custom child theme with FI/EN language switcher
Author: Daily Angel
Author URI: https://dailyangel.net
Template: teeno
Version: 1.0.0
Text Domain: teeno-child
*/

/* ============================================
   THEME COLOR OVERRIDE - Orange to Purple
   #791E89 = rgb(121, 30, 137)
   ============================================ */
:root {
    --color-orange: #791E89 !important;
    --color-orange-rgb: 121, 30, 137 !important;
    --color-primary: #791E89 !important;
    --color-primary-rgb: 121, 30, 137 !important;
}

/* Override Bootstrap primary button and all orange elements */
.btn-primary,
a.btn-primary,
button.btn-primary,
.btn.btn-primary,
.btn-lg.btn-primary,
.bg-orange,
.text-orange,
[class*="bg-orange"],
[class*="btn-orange"] {
    background-color: #791E89 !important;
    border-color: #791E89 !important;
    background: #791E89 !important;
}

.btn-primary:hover,
a.btn-primary:hover {
    background-color: #5C1668 !important;
    border-color: #5C1668 !important;
    background: #5C1668 !important;
}

/* Social icons - force purple */
.social-link a i,
.social-link.style-2 a i,
.header-area .social-link a i,
nav .social-link a i,
.social-link i.fab,
.social-link i.fa,
i.fab.fa-instagram,
i.fab.fa-twitter,
i.fab.fa-linkedin,
i.fab.fa-linkedin-in,
i.fab.fa-youtube {
    color: #791E89 !important;
}

/* User count badge */
.avatar-group + div,
.client-group + div,
[class*="client"] + [class*="count"],
.rounded-circle[class*="bg-"] {
    background-color: #791E89 !important;
}

/* Active menu */
.navbar-nav .current-menu-item > a,
.navbar-nav .current_page_item > a,
nav ul li.current-menu-item a,
nav ul li.current_page_item a {
    color: #791E89 !important;
}

/* Language Switcher Toggle Styles - Desktop */
.header-area .more-option .language .lang-switcher,
.lang-switcher {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: inherit !important;
}

.header-area .more-option .language .lang-switcher__toggle,
.lang-switcher__toggle {
    position: relative !important;
    display: block !important;
    width: 60px !important;
    height: 30px !important;
    background: #791E89 !important;
    background: linear-gradient(135deg, #791E89 0%, #5C1668 100%) !important;
    border-radius: 15px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    text-decoration: none !important;
    border: none !important;
}

.header-area .more-option .language .lang-switcher__toggle:hover,
.lang-switcher__toggle:hover {
    opacity: 0.9 !important;
    background: linear-gradient(135deg, #5C1668 0%, #45114E 100%) !important;
}

.header-area .more-option .language .lang-switcher__slider,
.lang-switcher__slider {
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 24px !important;
    height: 24px !important;
    background: white !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.header-area .more-option .language .lang-switcher__toggle.active-en .lang-switcher__slider,
.lang-switcher__toggle.active-en .lang-switcher__slider {
    transform: translateX(30px) !important;
}

.header-area .more-option .language .lang-switcher__label,
.lang-switcher__label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #6B7280 !important;
    text-transform: uppercase !important;
    min-width: 20px !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

.header-area .more-option .language .lang-switcher__label.active,
.lang-switcher__label.active {
    color: #791E89 !important;
    font-weight: 700 !important;
}

/* Hide original language selector completely */
.language .niceselect,
.language select.niceselect,
.language .nice-select,
.language .nice-select-dropdown,
.header-area .language .niceselect,
.header-area .language .nice-select {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ============================================
   MOBILE STYLES - Language Switcher
   ============================================ */

/* Mobile language wrapper - Menü üstünde */
.mobile-lang-wrapper {
    padding: 15px 20px;
    border-bottom: 1px solid #e8e8e8;
    display: none;
}

/* Mobile language inside navbar-collapse - Menü öğelerinin üstünde */
.mobile-lang-inside {
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}

.mobile-lang-inside > div {
    justify-content: flex-start !important;
    padding-left: 15px;
}

@media (max-width: 991px) {
    /* Hide the original language switcher in mobile (bottom one) */
    .more-option .language,
    .navbar .more-option .item .language,
    .main-navbar .more-option .language {
        display: none !important;
    }
    /* Mobile menu içinde language container'ı üste taşı */
    .mobile-menu .language,
    .mobile-menu-wrapper .language {
        order: -1 !important;
        width: 100% !important;
        padding: 15px 20px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #e8e8e8 !important;
    }
    
    /* Mobile'da toggle sola hizalı */
    .mobile-menu .lang-switcher,
    .mobile-menu-wrapper .lang-switcher {
        justify-content: flex-start !important;
    }
    
    /* Mobile navbar içinde */
    .main-responsive-nav .language {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        padding: 15px 20px !important;
        background: #fff !important;
        width: 100% !important;
        z-index: 999 !important;
    }
    
    /* Mobile menu açıkken dil toggle'ı göster */
    .mobile-menu.active .language,
    .navbar-collapse .language {
        display: block !important;
    }
    
    /* Mobile item içinde language */
    .mobile-item .language {
        order: -1 !important;
    }
    
    /* Navbar collapse içinde language container */
    .navbar-collapse .more-option .language {
        width: 100% !important;
        text-align: left !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #e8e8e8 !important;
        margin-bottom: 15px !important;
    }
    
    .navbar-collapse .more-option .language .lang-switcher {
        justify-content: flex-start !important;
        padding-left: 15px !important;
    }
    
    /* Mobile menu wrapper içinde sıralama */
    .mobile-menu-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .mobile-menu-wrapper .language {
        order: -1 !important;
    }
    
    .mobile-menu-wrapper .navbar-nav {
        order: 0 !important;
    }
}

/* Daha küçük ekranlar için */
@media (max-width: 576px) {
    .mobile-menu .language,
    .mobile-menu-wrapper .language,
    .navbar-collapse .more-option .language {
        padding: 12px 15px !important;
    }
    
    .lang-switcher__toggle {
        width: 55px !important;
        height: 28px !important;
    }
    
    .lang-switcher__slider {
        width: 22px !important;
        height: 22px !important;
    }
    
    .lang-switcher__toggle.active-en .lang-switcher__slider {
        transform: translateX(27px) !important;
    }
}

/* ============================================
   SOCIAL ICONS - Purple Color (#791E89)
   ============================================ */

/* Top bar social icons - NGO page specific */
.social-link a,
.social-link a i,
.social-link.style-2 a,
.social-link.style-2 a i,
.more-option .social-link a,
.more-option .social-link a i,
.more-option.mobile-item .social-link a,
.more-option.mobile-item .social-link a i,
.header-area .social-link a,
.header-area .social-link a i,
.header-area .top-header-area .social-links a,
.header-area .top-header-area .social-links a i,
nav .social-link a,
nav .social-link a i,
header .social-link a,
header .social-link a i {
    color: #791E89 !important;
    fill: #791E89 !important;
}

.social-link a:hover,
.social-link a:hover i,
.social-link.style-2 a:hover,
.social-link.style-2 a:hover i {
    color: #5C1668 !important;
    opacity: 0.8 !important;
}

/* Header social icons */
.header-area .social-links a,
.header-area .social-links a i,
.header-area .social-links a svg,
.top-header .social-links a,
.top-header .social-links a i {
    color: #791E89 !important;
}

.header-area .social-links a:hover,
.header-area .social-links a:hover i,
.top-header .social-links a:hover,
.top-header .social-links a:hover i {
    color: #5C1668 !important;
}

/* Footer social icons */
.footer-area .social-links a,
.footer-area .social-links a i,
.footer-area .social-links a svg,
footer .social-links a,
footer .social-links a i {
    color: #791E89 !important;
    border-color: #791E89 !important;
}

.footer-area .social-links a:hover,
footer .social-links a:hover {
    background: #791E89 !important;
    color: #fff !important;
}

.footer-area .social-links a:hover i,
footer .social-links a:hover i {
    color: #fff !important;
}

/* Generic social icon styles */
.social-icon a,
.social-icon a i,
.social-icons a,
.social-icons a i,
a.social-link,
a.social-link i {
    color: #791E89 !important;
}

.social-icon a:hover,
.social-icons a:hover,
a.social-link:hover {
    color: #5C1668 !important;
}

/* Brand specific icons with fill */
.fa-instagram,
.fa-twitter,
.fa-linkedin,
.fa-youtube,
.fa-facebook,
.fab.fa-instagram,
.fab.fa-twitter,
.fab.fa-linkedin-in,
.fab.fa-youtube,
.fab.fa-facebook-f {
    color: #791E89 !important;
}

/* SVG icons */
.social-links svg,
.social-icon svg,
.social-icons svg {
    fill: #791E89 !important;
    color: #791E89 !important;
}

/* Icon containers with background */
.social-links a[href*="instagram"],
.social-links a[href*="twitter"],
.social-links a[href*="linkedin"],
.social-links a[href*="youtube"],
.social-links a[href*="facebook"] {
    color: #791E89 !important;
    border-color: #791E89 !important;
}

.social-links a[href*="instagram"]:hover,
.social-links a[href*="twitter"]:hover,
.social-links a[href*="linkedin"]:hover,
.social-links a[href*="youtube"]:hover,
.social-links a[href*="facebook"]:hover {
    background: #791E89 !important;
    color: #fff !important;
}

/* ============================================
   BUTTONS & ACCENT COLORS - Purple (#791E89)
   ============================================ */

/* Primary buttons - turuncu yerine mor */
.btn-1,
.btn-primary,
.theme-btn,
.default-btn,
a.btn-1,
a.theme-btn,
button.btn-1,
.btn-icon-text,
.video-btn,
.play-btn {
    background: #791E89 !important;
    background-color: #791E89 !important;
    border-color: #791E89 !important;
}

.btn-1:hover,
.btn-primary:hover,
.theme-btn:hover,
.default-btn:hover,
a.btn-1:hover,
a.theme-btn:hover {
    background: #5C1668 !important;
    background-color: #5C1668 !important;
    border-color: #5C1668 !important;
}

/* Video/Play button */
.video-btn i,
.video-btn svg,
.play-btn i,
.play-btn svg,
.video-intro i,
.video-intro svg,
a[href*="youtube"] i,
a[href*="youtube"] svg,
.video-icon,
.video-icon i {
    color: #791E89 !important;
    fill: #791E89 !important;
}

.video-btn,
.play-btn,
.video-intro,
[class*="video"] .play-icon {
    border-color: #791E89 !important;
}

/* Active menu item */
.navbar-nav li.active > a,
.navbar-nav li.current-menu-item > a,
.navbar-nav li.current_page_item > a,
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .active > a,
nav ul li.active a,
nav ul li.current-menu-item a,
.menu li.active > a,
.menu li.current-menu-item > a {
    color: #791E89 !important;
}

/* User count badge (+10) */
.user-count,
.client-count,
.avatar-group + span,
[class*="client"] .count {
    background: #791E89 !important;
    background-color: #791E89 !important;
}

/* Accent text color */
.accent-color,
.theme-color,
.primary-color {
    color: #791E89 !important;
}

/* Links on hover */
a:hover {
    color: #791E89 !important;
}

/* Hide Video Introduction Button */
.video-btn,
.video-intro,
.video-icon,
[class*="video"] .play-icon,
a.play-icon,
.play-icon {
    display: none !important;
}

/* HIDE ALL VIDEO BUTTONS - Complete Override */
.elementor-widget-video,
.elementor-video-popup,
/* .elementor-custom-embed-image-overlay REMOVED */
[data-widget_type="video.default"],
.video-wrapper,
.video-container,
.video-button,
a[href*="youtube"],
a[href*="vimeo"],
.eael-video-wrapper,
.premium-video-box,
.video-play-button,
.videoesittely,
.video-esittely,
a.video-popup,
.popup-video,
[class*="video-popup"],
[class*="popup-video"],
.elementor-widget-container a.play-icon,
.elementor-element a.play-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Footer Social Icons - Remove Orange, Make Purple/Lavender */
footer .social-icons a,
footer .elementor-social-icon,
.elementor-widget-social-icons .elementor-icon,
footer [class*="social"] a,
.footer-social a,
.site-footer .social-icon,
footer .elementor-social-icons-wrapper a,
footer .elementor-widget-container a[class*="social"],
.elementor-location-footer .elementor-social-icon {
    background-color: #f3e8f5 !important;
    background: #f3e8f5 !important;
}

footer .social-icons a:hover,
footer .elementor-social-icon:hover,
.elementor-widget-social-icons .elementor-icon:hover,

/* Change Kategoriat and similar headings to theme color */
.kategoriat,
[class*="kategori"],
.category-title,
.widget-title,
.elementor-heading-title:contains("Kategoriat"),
h2:contains("Kategoriat"),
h3:contains("Kategoriat"),
h4:contains("Kategoriat") {
    color: #791E89 !important;
}

/* Override any orange text colors site-wide */
.elementor-widget-heading .elementor-heading-title[style*="color: rgb(255"],
.elementor-widget-heading .elementor-heading-title[style*="color:#f"],
.elementor-widget-heading .elementor-heading-title[style*="color: #f"] {
    color: #791E89 !important;
}

/* Force ALL orange category/tag labels to purple theme color */
.category,
.cat-links a,
.entry-category a,
.post-category,
.post-categories a,
.entry-meta .cat-links a,
.elementor-post__badge,
.elementor-post-info__terms-list a,
article .entry-category,
.blog-category,
.post-cat,
a[rel="category tag"],
.elementor-widget-posts .elementor-post__badge,
.eael-entry-category,
.premium-blog-cat-link,
.meta-category a,
.entry-header .cat-links a,
.post-meta .category a,
span.category,
.post__terms a,
.entry-terms a,
[class*="category"] a {
    color: #791E89 !important;
}

/* ============================================
   FORCE ALL color-primary / color-orange TEXT
   Blog card tags, category labels etc.
   ============================================ */
.color-primary,
.color-primary a,
span.color-primary,
span.color-primary a,
.color-primary.font-xsm,
.color-primary.font-xsm a,
.content .color-primary a,
a[rel="tag"],
span a[rel="tag"],
.card .content span a,
.blog-area .content span a,
.blog-area span.color-primary a {
    color: #791E89 !important;
}

.color-orange,
.color-orange a,
span.color-orange,
span.color-orange a {
    color: #791E89 !important;
}

/* Blog card list icons and links */
.card-list a,
.card-list i,
.blog-area .card-list a,
.blog-area .card-list i {
    color: #791E89 !important;
}

/* Remove btn-primary box-shadow */
.btn-primary,
a.btn-primary,
button.btn-primary,
.btn.btn-primary {
    box-shadow: none !important;
}

/* Fix btn-primary hover - purple shade instead of black */
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:hover,
.btn-lg.btn-primary:hover {
    background-color: #5C1668 !important;
    background: #5C1668 !important;
    border-color: #5C1668 !important;
    color: #ffffff !important;
}

.btn-primary::before {
    background: #5C1668 !important;
}

/* Fix btn-primary hover animation - dark purple instead of black */
.btn-primary::before,
a.btn-primary::before,
button.btn-primary::before,
.btn.btn-primary::before {
    background: #5C1668 !important;
    background-color: #5C1668 !important;
}