/* INTERRA DARK THEME - #333333 BASE */

:root {
    --dark-bg: #333333;
    --dark-bg-soft: #3b3b3b;
    --dark-card: #3f3f3f;
    --dark-card-2: #2b2b2b;

    --dark-border: rgba(255, 255, 255, 0.12);

    --dark-text: #f5f5f5;
    --dark-muted: #c7c7c7;

    --interra-accent: #00adbb;
}

/* GENEL */
body.dark-theme {
    background: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

body.dark-theme section,
body.dark-theme .section {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .bg-white,
body.dark-theme .bg-light {
    background-color: var(--dark-bg) !important;
}

/* YAZILAR */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
    color: #ffffff !important;
}

body.dark-theme p,
body.dark-theme span,
body.dark-theme li,
body.dark-theme label,
body.dark-theme .description,
body.dark-theme .blog-description {
    color: var(--dark-muted) !important;
}

body.dark-theme a {
    color: var(--dark-text);
}

body.dark-theme a:hover {
    color: var(--interra-accent) !important;
}

/* HEADER */
body.dark-theme header.header {
    background: var(--dark-bg) !important;
    border-bottom: 1px solid var(--dark-border);
}

body.dark-theme header.header .header-menu > li > a,
body.dark-theme header.header .contact-information a,
body.dark-theme header.header .language-switcher a,
body.dark-theme header.header .social a,
body.dark-theme header.header i {
    color: var(--dark-text) !important;
}

body.dark-theme header.header .header-menu > li > a:hover,
body.dark-theme header.header .contact-information a:hover,
body.dark-theme header.header .language-switcher a:hover,
body.dark-theme header.header .social a:hover {
    color: var(--interra-accent) !important;
}

/* Logo koyu kalırsa beyaza çevirir */
body.dark-theme header.header img.logo {
    filter: brightness(0) invert(1);
}

/* ARAMA */
body.dark-theme .search input {
    background: var(--dark-card-2) !important;
    color: #ffffff !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .search input::placeholder {
    color: #d0d0d0 !important;
}

body.dark-theme .icon-search-container {
    color: var(--interra-accent) !important;
}

/* DROPDOWN / MENÜ */
body.dark-theme .header-menu ul,
body.dark-theme .header-menu li ul,
body.dark-theme .submenu,
body.dark-theme .dropdown-menu,
body.dark-theme .mega-menu {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important;
}

body.dark-theme .header-menu ul li a,
body.dark-theme .header-menu li ul li a,
body.dark-theme .submenu a,
body.dark-theme .dropdown-menu a,
body.dark-theme .mega-menu a {
    color: var(--dark-text) !important;
}

body.dark-theme .header-menu ul li a:hover,
body.dark-theme .header-menu li ul li a:hover,
body.dark-theme .submenu a:hover,
body.dark-theme .dropdown-menu a:hover,
body.dark-theme .mega-menu a:hover {
    color: var(--interra-accent) !important;
    background: rgba(0, 173, 187, 0.12) !important;
}

/* MOBİL HEADER */
body.dark-theme .header-mobile-row {
    background: var(--dark-bg) !important;
}

body.dark-theme .mobile-menu-toggle,
body.dark-theme .mobile-menu-toggle i {
    color: #ffffff !important;
}

/* MOBİL MENÜ */
body.dark-theme .mobile-menu-container {
    background: var(--dark-bg) !important;
}

body.dark-theme .mobile-menu-container a,
body.dark-theme .header-mobile-menu a {
    color: var(--dark-text) !important;
}

body.dark-theme .mobile-menu-container a:hover,
body.dark-theme .header-mobile-menu a:hover {
    color: var(--interra-accent) !important;
}

body.dark-theme .mobile-logo {
    filter: brightness(0) invert(1);
}

/* ANA SAYFA / KARTLAR */
body.dark-theme .announcement-box,
body.dark-theme .blog-box,
body.dark-theme .content-box,
body.dark-theme .solution-box,
body.dark-theme .product-box,
body.dark-theme .card,
body.dark-theme .box,
body.dark-theme .item {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .blog-content {
    background: var(--dark-card) !important;
}

body.dark-theme .blog-title,
body.dark-theme .blog-title a {
    color: #ffffff !important;
}

body.dark-theme .blog-description {
    color: var(--dark-muted) !important;
}

body.dark-theme .blog-date {
    background: var(--interra-accent) !important;
    color: #ffffff !important;
}

/* SECTION BAŞLIKLARI */
body.dark-theme .section-title h1 {
    color: #ffffff !important;
}

body.dark-theme .section-title h4 {
    color: var(--interra-accent) !important;
}

/* BUTONLAR */
body.dark-theme .button,
body.dark-theme .btn {
    background: var(--interra-accent) !important;
    border-color: var(--interra-accent) !important;
    color: #ffffff !important;
}

body.dark-theme .button:hover,
body.dark-theme .btn:hover {
    background: #008c98 !important;
    border-color: #008c98 !important;
    color: #ffffff !important;
}

/* FORMLAR */
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select,
body.dark-theme .form-control {
    background: var(--dark-card-2) !important;
    color: #ffffff !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
    color: #d0d0d0 !important;
}

/* PRODUCT LEFT SIDEBAR - SOL KATEGORİ MENÜSÜ */
body.dark-theme .sidebar-container ul.sidebar-menu {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li {
    background: var(--dark-card) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li a {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    background: transparent !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li a:before,
body.dark-theme .sidebar-container ul.sidebar-menu li a i {
    color: var(--interra-accent) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu > li > a {
    color: var(--dark-text) !important;
    background: var(--dark-card) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li ul {
    background: var(--dark-card-2) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li ul li {
    background: var(--dark-card-2) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li ul li a {
    color: var(--dark-muted) !important;
    background: var(--dark-card-2) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li.open,
body.dark-theme .sidebar-container ul.sidebar-menu li:hover {
    background: rgba(0, 173, 187, 0.12) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li.open > a,
body.dark-theme .sidebar-container ul.sidebar-menu li:hover > a {
    color: var(--interra-accent) !important;
    background: rgba(0, 173, 187, 0.12) !important;
    font-weight: 500 !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li ul li.open,
body.dark-theme .sidebar-container ul.sidebar-menu li ul li:hover {
    background: rgba(0, 173, 187, 0.14) !important;
}

body.dark-theme .sidebar-container ul.sidebar-menu li ul li.open > a,
body.dark-theme .sidebar-container ul.sidebar-menu li ul li:hover > a {
    color: var(--interra-accent) !important;
    background: rgba(0, 173, 187, 0.14) !important;
}

/* MODALLAR */
body.dark-theme .modal-content,
body.dark-theme .modal .wrapper,
body.dark-theme .modal .modal-body {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
}

body.dark-theme .modal .wrapper .header {
    background: var(--dark-card-2) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.dark-theme .modal .wrapper .header h1,
body.dark-theme .modal h1,
body.dark-theme .modal h5,
body.dark-theme .modal strong {
    color: #ffffff !important;
}

body.dark-theme .modal .wrapper-body,
body.dark-theme .modal .wrapper-body li,
body.dark-theme .modal .wrapper-body span,
body.dark-theme .modal .wrapper-body p {
    color: var(--dark-muted) !important;
}

body.dark-theme .modal .wrapper-body a {
    color: var(--interra-accent) !important;
}

body.dark-theme .modal .card,
body.dark-theme .representative-modal-card {
    background: var(--dark-bg-soft) !important;
    border-color: var(--dark-border) !important;
}

body.dark-theme .modal .card-title,
body.dark-theme .modal .card-text,
body.dark-theme .modal small {
    color: var(--dark-text) !important;
}

body.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* SEARCH MODAL */
body.dark-theme #search-modal .modal-content,
body.dark-theme #search-modal .modal-body {
    background: var(--dark-card) !important;
}

body.dark-theme #search-modal .form-control {
    background: var(--dark-card-2) !important;
    color: #ffffff !important;
}

/* COOKIE */
body.dark-theme #cookie-consent {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

body.dark-theme #cookie-consent h2 {
    color: #ffffff !important;
}

body.dark-theme #cookie-consent p {
    color: var(--dark-muted) !important;
}

/* FOOTER */
body.dark-theme footer,
body.dark-theme .footer {
    background: #2b2b2b !important;
    color: var(--dark-muted) !important;
}

body.dark-theme footer h1,
body.dark-theme footer h2,
body.dark-theme footer h3,
body.dark-theme footer h4,
body.dark-theme footer h5,
body.dark-theme .footer h1,
body.dark-theme .footer h2,
body.dark-theme .footer h3,
body.dark-theme .footer h4,
body.dark-theme .footer h5 {
    color: #ffffff !important;
}

body.dark-theme footer a,
body.dark-theme .footer a {
    color: var(--dark-text) !important;
}

body.dark-theme footer a:hover,
body.dark-theme .footer a:hover {
    color: var(--interra-accent) !important;
}

/* SEÇİM RENGİ */
body.dark-theme ::selection {
    background: var(--interra-accent);
    color: #ffffff;
}