/**
 * Oweb — koyu tema (`:is(html, body).oweb-dark`), düz seçiciler (CSS nesting yok).
 */
:is(html, body).oweb-dark {
    color-scheme: dark;
    --ow-page-bg: #0e1016;
    --ow-surface: #161922;
    --ow-surface-2: #1c202b;
    --ow-elevated: #222733;
    --ow-border: #2d3344;
    --ow-border-soft: #252a38;
    --ow-text: #e8eaf2;
    --ow-text-muted: #aeb6ca;
    --ow-text-soft: #8b94ab;
    --ow-placeholder: #6d7588;
    --ow-accent-muted-bg: rgba(242, 113, 42, 0.15);
}

:is(html, body).oweb-dark body {
    background: var(--ow-page-bg) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark a {
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark a:hover, :is(html, body).oweb-dark a:focus {
    color: #f2712a;
}

:is(html, body).oweb-dark .bg-bg, :is(html, body).oweb-dark .bg-default {
    background-color: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark .text-main {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .text-dark {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .text-soft {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .text-light {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .basket-control {
    color: var(--ow-text) !important;
    border-color: var(--ow-border) !important;
    background-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .bg-white {
    --bs-bg-opacity: 1 !important;
    background-color: var(--ow-surface) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .bg-light {
    --bs-bg-opacity: 1 !important;
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .bg-body {
    --bs-bg-opacity: 1 !important;
    background-color: var(--ow-page-bg) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .bg-white.shadow-sm, :is(html, body).oweb-dark .shadow-sm.bg-white {
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.35) !important;
}

:is(html, body).oweb-dark .intro--slider.bg-white {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .intro--slider .is--inside .content .head {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .intro--boxes .small-box.bg-white .head, :is(html, body).oweb-dark .small-box.bg-white .head {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .intro--boxes .small-box .inside .text p, :is(html, body).oweb-dark .small-box.bg-white .inside .text p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .intro--boxes .small-box .domain-list a.item, :is(html, body).oweb-dark .small-box.bg-white .domain-list a.item {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark .intro--boxes .small-box .domain-list a.item:hover, :is(html, body).oweb-dark .small-box.bg-white .domain-list a.item:hover {
    background: var(--ow-border) !important;
}

:is(html, body).oweb-dark .intro--boxes .small-box .domain-list a.item .price, :is(html, body).oweb-dark .small-box.bg-white .domain-list a.item .price {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .top--bar .item {
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .top--bar .currency {
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark header::before {
    background: var(--ow-surface) !important;
}

:is(html, body).oweb-dark header.head-sticky {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}

:is(html, body).oweb-dark .header .navbar .nav-item .nav-link {
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark .header .navbar .nav-item .nav-link:hover, :is(html, body).oweb-dark .header .navbar .nav-item.show .nav-link {
    color: #f2712a;
}

:is(html, body).oweb-dark .header .navbar .nav-item .nav-link::before {
    border-bottom-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .header .navbar .nav--drop {
    background: var(--ow-surface-2) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

:is(html, body).oweb-dark .header .navbar .nav--drop .drop--nav {
    border-color: var(--ow-border-soft) !important;
}

:is(html, body).oweb-dark .header .navbar .nav--drop .drop--nav .text span {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .header .navbar .nav--drop .drop--nav .text p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .header .navbar .nav--drop.drop--corporate .list {
    border-left-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .header .navbar .nav--drop .notice--alert {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .header .navbar .nav--drop .notice--alert p {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .header .action .action--basket {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark .mmenu {
    background: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .mmenu .m-head {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .mmenu .m-navs ul li .mnav-item {
    background-color: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .mmenu .m-navs ul li .mnav-item > span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .mmenu .m-navs ul li .mnav-item .icon {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .mmenu .m-navs ul li .mdrop-list {
    background: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark .mmenu .m-navs ul li .mdrop-list .drop--nav > span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .mmenu .m-menu-close {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .mmenu .m-menu-close:hover {
    background-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .card {
    background: var(--ow-surface) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .card .card-header {
    border-bottom-color: var(--ow-border) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .card .card-header span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .card .card-footer {
    border-top-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .card.card-special .card-header .dash--statu {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .page-content {
    background: var(--ow-surface) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .page-content p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .page-content :is(h1, h2, h3, h4, h5) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .bank--list .bank--item {
    background: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .bank--list .bank--item .image {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .form-control {
    background-color: var(--ow-surface-2) !important;
    color: var(--ow-text) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .form-control:focus {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .form-control::placeholder {
    color: var(--ow-placeholder) !important;
}

:is(html, body).oweb-dark .form-control:disabled {
    background-color: var(--ow-elevated) !important;
    opacity: 0.85;
}

:is(html, body).oweb-dark textarea.form-control {
    min-height: 6rem;
}

:is(html, body).oweb-dark .form-floating .form-control:not(:placeholder-shown) ~ label {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .form-floating.form-icon .icon {
    border-right-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .form-floating.floating-group .floating-group-text {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
    color: #f2712a;
}

:is(html, body).oweb-dark select.form-control {
    background-color: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .checkbox label, :is(html, body).oweb-dark .radio label {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark [type="checkbox"], :is(html, body).oweb-dark [type="radio"] {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .table {
    color: var(--ow-text);
}

:is(html, body).oweb-dark .table thead th {
    border-color: var(--ow-border);
}

:is(html, body).oweb-dark .table td, :is(html, body).oweb-dark .table th {
    border-color: var(--ow-border);
}

:is(html, body).oweb-dark .table.ow-table thead tr th {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .table.ow-table tbody tr td {
    color: var(--ow-text-muted) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .table.ow-table tbody tr:hover {
    background: var(--ow-elevated) !important;
}

/* tbody — theme.css (#fff / #f9f9f9) ve BS --bs-table-bg */
:is(html, body).oweb-dark .table > tbody > tr > *,
html.oweb-dark .table > tbody > tr > *,
body.oweb-dark .table > tbody > tr > * {
    --bs-table-bg: var(--ow-surface);
    --bs-table-color: var(--ow-text-muted);
    background-color: var(--ow-surface) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark table.table-list > tbody > tr > td,
html.oweb-dark table.table-list > tbody > tr > td,
body.oweb-dark table.table-list > tbody > tr > td,
:is(html, body).oweb-dark .table-list > tbody > tr > td,
html.oweb-dark .table-list > tbody > tr > td,
body.oweb-dark .table-list > tbody > tr > td {
    background-color: var(--ow-surface) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark table.table-list > tbody > tr:hover > td,
html.oweb-dark table.table-list > tbody > tr:hover > td,
body.oweb-dark table.table-list > tbody > tr:hover > td,
:is(html, body).oweb-dark .table-list > tbody > tr:hover > td,
html.oweb-dark .table-list > tbody > tr:hover > td,
body.oweb-dark .table-list > tbody > tr:hover > td {
    background-color: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper table.table-list > tbody > tr > td,
html.oweb-dark .dataTables_wrapper table.table-list > tbody > tr > td,
body.oweb-dark .dataTables_wrapper table.table-list > tbody > tr > td {
    background-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper table.table-list > tbody > tr:hover > td,
html.oweb-dark .dataTables_wrapper table.table-list > tbody > tr:hover > td,
body.oweb-dark .dataTables_wrapper table.table-list > tbody > tr:hover > td {
    background-color: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark table.dataTable > tbody > tr > td,
html.oweb-dark table.dataTable > tbody > tr > td,
body.oweb-dark table.dataTable > tbody > tr > td {
    background-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark table.dataTable > tbody > tr:hover > td {
    background-color: var(--ow-elevated) !important;
}

/* Müşteri paneli — dash kutuları, yan menü, tablolar (table-light / DataTables), ürün detayı */
:is(html, body).oweb-dark .dash--boxes .box {
    background: var(--ow-surface) !important;
    border: 1px solid var(--ow-border-soft);
}

:is(html, body).oweb-dark .dash--boxes .box .box--icon .notify {
    border-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .dash--boxes .box .box--content .db--target {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .dash--boxes .box .box--content .db--target:hover {
    background: var(--ow-border) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dash--boxes .box .box--content .text > span.fs-18 {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .notify--box {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .notify--box .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dash-side-nav .ds-nav-item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dash-side-nav .ds-nav-item:hover {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dash-side-nav .ds-nav-item.active {
    background: var(--ow-accent-muted-bg) !important;
    border-color: rgba(242, 113, 42, 0.35) !important;
    color: #f2712a !important;
}

:is(html, body).oweb-dark .table thead.table-light th,
:is(html, body).oweb-dark .table thead.table-light td,
html.oweb-dark .table thead.table-light th,
body.oweb-dark .table thead.table-light th {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text) !important;
    border-color: var(--ow-border) !important;
    --bs-table-bg: var(--ow-elevated);
    --bs-table-color: var(--ow-text);
}

:is(html, body).oweb-dark .table-light {
    --bs-table-bg: var(--ow-elevated);
    --bs-table-color: var(--ow-text);
    --bs-table-border-color: var(--ow-border);
}

:is(html, body).oweb-dark .table.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.035);
    color: var(--ow-text);
}

:is(html, body).oweb-dark .table.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: transparent;
}

:is(html, body).oweb-dark .table-hover > tbody > tr:hover > * {
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper table.table-list {
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper table.table-list thead th,
html.oweb-dark .dataTables_wrapper table.table-list thead th,
body.oweb-dark .dataTables_wrapper table.table-list thead th {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper table.table-list thead th.sorting,
:is(html, body).oweb-dark .dataTables_wrapper table.table-list thead th.sorting_asc,
:is(html, body).oweb-dark .dataTables_wrapper table.table-list thead th.sorting_desc,
html.oweb-dark .dataTables_wrapper table.table-list thead th.sorting_asc,
html.oweb-dark .dataTables_wrapper table.table-list thead th.sorting_desc,
body.oweb-dark .dataTables_wrapper table.table-list thead th.sorting_asc,
body.oweb-dark .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: var(--ow-surface-2) !important;
    color: var(--ow-text) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper,
:is(html, body).oweb-dark div.dataTables_wrapper {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dataTables_wrapper .dataTables_length label,
:is(html, body).oweb-dark .dataTables_wrapper .dataTables_info,
:is(html, body).oweb-dark .dataTables_wrapper .dataTables_filter label,
:is(html, body).oweb-dark table.dataTable > tbody > tr.child ul.dtr-details li {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark div.dataTables_wrapper div.dataTables_processing {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04) !important;
}

:is(html, body).oweb-dark table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.07) !important;
}

:is(html, body).oweb-dark .pagination > li > a,
:is(html, body).oweb-dark .pagination > li > span {
    background-color: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .pagination > .active > a,
:is(html, body).oweb-dark .pagination > .active > a:focus,
:is(html, body).oweb-dark .pagination > .active > a:hover,
:is(html, body).oweb-dark .pagination > .active > span {
    background-color: #f2712a !important;
    border-color: #f2712a !important;
    color: #fff !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-head .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-head .text span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-info .item {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-info .item .text {
    color: var(--ow-text-soft) !important;
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-info .item .text span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .ds-detail-area .ds-info .item > i {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ds--boxi {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ds--boxi .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ds--boxi .text span,
:is(html, body).oweb-dark .ds--boxi .text a span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .ds--boxi > i {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ds--circle-val {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ds--circle-val.bottom {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .progress-circle .bg {
    stroke: var(--ow-border) !important;
}

:is(html, body).oweb-dark .progress-circle .percentage span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .btn-soft {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .btn-soft:hover {
    background-color: var(--ow-border) !important;
    color: var(--ow-text) !important;
    opacity: 1 !important;
}

:is(html, body).oweb-dark .moduleOutput .panel,
:is(html, body).oweb-dark .servicesDetail .panel {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text);
}

/* Destek talebi — .ti-head, ticket--item (viewticket) */
:is(html, body).oweb-dark .ticket--area .ticket--item {
    background-color: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-head {
    background: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-content p {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-content hr {
    border-color: var(--ow-border) !important;
    opacity: 1;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-content a {
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-content a:hover {
    color: #f2712a;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-attachment small {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-attachment .attachment {
    background: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-attachment .attachment .icon {
    border-right-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item .ti-rate .star {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item.stuff {
    background-color: rgba(242, 113, 42, 0.08) !important;
    border-color: rgba(242, 113, 42, 0.22) !important;
}

:is(html, body).oweb-dark .ticket--area .ticket--item.stuff .ti-head,
:is(html, body).oweb-dark .ticket--area .ticket--item.stuff .ti-attachment .attachment {
    background-color: rgba(242, 113, 42, 0.14) !important;
}

:is(html, body).oweb-dark .ticket--area .badge.btn-light {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text-muted) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark .reply--ticket.btn-light {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .ticket-reply-area .add-more-file {
    background-color: var(--ow-elevated) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .table--tools .form-control {
    background: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .table--tools label, :is(html, body).oweb-dark .table--tools .tb--search .dt-search {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dash--head .dh--nav {
    background: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .dash--head .dh--nav ul li {
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .dash--head .dh--nav ul li .dh-nav-item {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dash--head .dh--nav ul li .dh-nav-item:hover {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .card-dash .ds--list .ds-item {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .card-dash .ds--list .ds-item .icon {
    border-right-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .card-dash .ds--list .ds-item .detail span.title {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .card-dash .ds--list.ds-box .ds-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .card-dash .card-header .icon {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .card-dash .ds-list--bottom {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .card-dash .ds-list--bottom .pagination .dt-paging-button button {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .card-dash .ds-list--bottom .pagination .dt-paging-button.disabled button {
    color: var(--ow-text-soft) !important;
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .card-dash .tabsArea .tabHead {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .dropList .dropListTitle {
    border-color: var(--ow-border) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

:is(html, body).oweb-dark .dropList .dropListTitle label.title {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dropList.show .dropListTitle, :is(html, body).oweb-dark .dropList.selected .dropListTitle {
    background: var(--ow-surface-2) !important;
}

:is(html, body).oweb-dark .dropList.selected .dropListTitle .dlabName {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dropList .dropListTable {
    background: var(--ow-surface) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

:is(html, body).oweb-dark .dropList .dropListTable .item {
    border-bottom-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .dropList .dropListTable .item span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .dropList .dropListTable .item.active, :is(html, body).oweb-dark .dropList .dropListTable .item:hover {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .dropList .dropListTable .search {
    background: var(--ow-surface-2) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .card .tabsArea .tabs-m-head, :is(html, body).oweb-dark .card .tabsArea .tabHead {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .main-domain-list .domain {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border-soft);
}

:is(html, body).oweb-dark .main-domain-list .domain span.price {
    border-left-color: var(--ow-border) !important;
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark .intro--slider .sc--tabs .item {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .intro--slider .sc--tabs .item::before {
    background: var(--ow-border) !important;
}

:is(html, body).oweb-dark .intro--slider .sc--tabs .item:hover {
    background: var(--ow-border) !important;
}

:is(html, body).oweb-dark .intro--slider .sc-timer-progress {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .article-content strong {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .article-content p, :is(html, body).oweb-dark .article-content ul li {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .modal-content {
    background: var(--ow-surface) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .modal-body {
    color: var(--ow-text-muted);
}

:is(html, body).oweb-dark hr {
    border-top-color: var(--ow-border);
}

:is(html, body).oweb-dark .text-muted {
    color: var(--ow-text-soft) !important;
}

/* Son yükleme (headoutput vb.) veya background shorthand sonrası — yüzeyi kesin çiz */
:is(html, body).oweb-dark .bg-white,
:is(html, body).oweb-dark .intro--slider.bg-white,
:is(html, body).oweb-dark .intro--slider.bg-white.br-12,
:is(html, body).oweb-dark .intro--boxes .small-box.bg-white,
:is(html, body).oweb-dark .intro--boxes .small-box.br-12.bg-white,
:is(html, body).oweb-dark .small-box.bg-white.br-12 {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
    color: var(--ow-text);
}

:is(html, body).oweb-dark .intro--boxes .small-box .domain-list a.item,
:is(html, body).oweb-dark .intro--boxes .small-box .domain-list .item {
    background: var(--ow-elevated) !important;
    background-color: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .intro--boxes .small-box .domain-list a.item:hover,
:is(html, body).oweb-dark .intro--boxes .small-box .domain-list .item:hover {
    background: var(--ow-border) !important;
    background-color: var(--ow-border) !important;
}

/* Logo: açık modda beyaz varyant gizli */
.header .logo .oweb-logo--dark,
.mmenu .m-logo .oweb-logo--dark {
    display: none !important;
}

:is(html, body).oweb-dark .header .logo .oweb-logo--light,
:is(html, body).oweb-dark .mmenu .m-logo .oweb-logo--light {
    display: none !important;
}

:is(html, body).oweb-dark .header .logo .oweb-logo--dark,
:is(html, body).oweb-dark .mmenu .m-logo .oweb-logo--dark {
    display: block !important;
}

/* Üst çubuk: tema, dil, araçlar (inline #333 / border aşmak için !important) */
:is(html, body).oweb-dark #oweb-theme-toggle.oweb-theme-toggle-btn,
:is(html, body).oweb-dark .language-switcher .oweb-theme-toggle-btn {
    color: var(--ow-text-muted) !important;
    border-color: var(--ow-border) !important;
    background-color: var(--ow-surface) !important;
    background: var(--ow-surface) !important;
}

:is(html, body).oweb-dark #oweb-theme-toggle.oweb-theme-toggle-btn i,
:is(html, body).oweb-dark .language-switcher .oweb-theme-toggle-btn i {
    color: inherit !important;
}

:is(html, body).oweb-dark .language-switcher #oweb-theme-toggle.oweb-theme-toggle-btn:hover,
:is(html, body).oweb-dark .language-switcher .oweb-theme-toggle-btn:hover {
    border-color: #f2712a !important;
    background-color: var(--ow-surface-2) !important;
    background: var(--ow-surface-2) !important;
    color: #faa733 !important;
}

:is(html, body).oweb-dark .language-switcher #language-switcher-toggle {
    color: var(--ow-text-muted) !important;
    border-color: var(--ow-border) !important;
    background-color: transparent !important;
    background: transparent !important;
}

:is(html, body).oweb-dark .language-switcher #language-switcher-toggle span,
:is(html, body).oweb-dark .language-switcher #language-switcher-toggle i {
    color: inherit !important;
}

:is(html, body).oweb-dark .language-switcher #language-switcher-toggle:hover {
    border-color: #f2712a !important;
    background-color: var(--ow-surface-2) !important;
    color: #faa733 !important;
}

:is(html, body).oweb-dark #tools-dropdown-toggle {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #tools-dropdown-toggle span {
    color: inherit !important;
}

:is(html, body).oweb-dark #tools-dropdown-toggle i {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #tools-dropdown-toggle:hover,
:is(html, body).oweb-dark #tools-dropdown-toggle:hover span,
:is(html, body).oweb-dark #tools-dropdown-toggle:hover i {
    color: #faa733 !important;
}

:is(html, body).oweb-dark #language-switcher-menu {
    background: var(--ow-surface-2) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

:is(html, body).oweb-dark .language-switcher .lang-option {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .language-switcher .lang-option:hover {
    background-color: var(--ow-elevated) !important;
    color: #f2712a !important;
}

:is(html, body).oweb-dark .top--bar .container-xl > div[style*="width: 1px"][style*="height: 20px"] {
    background-color: var(--ow-border) !important;
}

/* —— Hosting / ürün sayfaları: intro--double, başlıklar, sekmeler, paketler, article —— */
:is(html, body).oweb-dark .intro--double .intro--content {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .intro--double .intro--content .content--area .heading h1 {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .intro--double .intro--content p.description {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .intro--double .intro--content .features ul li {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .intro--double .intro--counter .head span.title {
    color: #fff !important;
}

:is(html, body).oweb-dark .intro--double .intro--counter .head span.top-text {
    color: inherit !important;
}

:is(html, body).oweb-dark .intro--double .intro--counter .head > p {
    color: #aeb6ca !important;
}

:is(html, body).oweb-dark .intro--double .img--area .front--side.front-circle {
    border-color: var(--ow-surface) !important;
}

/* .title-heading (çoğu bölüm başlığı; th-dark hariç) */
:is(html, body).oweb-dark .title-heading:not(.th-dark) span.title,
:is(html, body).oweb-dark .title-heading:not(.th-dark) span.title :is(h1, h2, h3) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .title-heading:not(.th-dark) > p {
    color: var(--ow-text-soft) !important;
}

/* Sekmeler: masaüstü tabHead + mobil tabs-m-head */
:is(html, body).oweb-dark .tabsArea .tabHead {
    background: var(--ow-elevated) !important;
    background-color: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .tabsArea .tabHead.bg-white {
    background: var(--ow-elevated) !important;
    background-color: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-bg .tabHead {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .tabsArea .tabHead .item {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .tabsArea .tabHead .item:hover {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .tabsArea .tabHead .item.active {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-mobile .tabs-m-head {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-mobile .tabs-m-head .icon {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.title {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.value {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail::after {
    color: var(--ow-text-muted) !important;
}

/* Dikey paket kutuları */
:is(html, body).oweb-dark .vertical--packs .pack {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack-head {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack-head .pack--step span {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack-features ul li {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack-features ul li b {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack-features ul span.heading {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .vertical--packs .pack .pack--more-btn {
    color: var(--ow-text-soft) !important;
    border-color: rgba(174, 182, 202, 0.35) !important;
}

:is(html, body).oweb-dark #article {
    background: var(--ow-page-bg) !important;
    background-color: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark .article--area :is(h1, h2, h3, h4) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .article--area p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .article--area p :is(b, strong, u) {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .article--area ul li,
:is(html, body).oweb-dark .article--area ol li {
    color: var(--ow-text-soft) !important;
}

/*
 * Aynı kuralların html. / body. önekli kopyası: :is() + çakışan main.css / Bootstrap
 * başlık renkleri; özellikle .title-heading span.title, #article, intro--double, sekmeler.
 */
html.oweb-dark .intro--double .intro--content,
body.oweb-dark .intro--double .intro--content {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
}

html.oweb-dark .intro--double .intro--content .content--area .heading .top--title,
body.oweb-dark .intro--double .intro--content .content--area .heading .top--title {
    color: #faa733 !important;
    -webkit-text-fill-color: #faa733 !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}

html.oweb-dark .intro--double .intro--content .content--area .heading h1,
body.oweb-dark .intro--double .intro--content .content--area .heading h1 {
    color: var(--ow-text) !important;
}

html.oweb-dark .intro--double .intro--content p.description,
body.oweb-dark .intro--double .intro--content p.description {
    color: var(--ow-text-soft) !important;
}

html.oweb-dark .intro--double .intro--content .features ul li,
body.oweb-dark .intro--double .intro--content .features ul li {
    color: var(--ow-text-muted) !important;
}

html.oweb-dark .title-heading:not(.th-dark) span.top-text,
body.oweb-dark .title-heading:not(.th-dark) span.top-text {
    color: #faa733 !important;
    -webkit-text-fill-color: #faa733 !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}

html.oweb-dark .title-heading:not(.th-dark) span.title,
body.oweb-dark .title-heading:not(.th-dark) span.title {
    color: var(--ow-text) !important;
}

html.oweb-dark .title-heading:not(.th-dark) span.title :is(h1, h2, h3, h4, .h1, .h2, .h3),
body.oweb-dark .title-heading:not(.th-dark) span.title :is(h1, h2, h3, h4, .h1, .h2, .h3) {
    color: var(--ow-text) !important;
}

html.oweb-dark .title-heading:not(.th-dark) > p,
body.oweb-dark .title-heading:not(.th-dark) > p {
    color: var(--ow-text-soft) !important;
}

html.oweb-dark .tabs-flex .tabsArea .tabHead,
body.oweb-dark .tabs-flex .tabsArea .tabHead,
html.oweb-dark .tabsArea .tabHead,
body.oweb-dark .tabsArea .tabHead {
    background: var(--ow-elevated) !important;
    background-color: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
    border: 1px solid var(--ow-border) !important;
}

html.oweb-dark .tabs-flex .tabsArea.tabs-bg .tabHead,
body.oweb-dark .tabs-flex .tabsArea.tabs-bg .tabHead,
html.oweb-dark .tabsArea.tabs-bg .tabHead,
body.oweb-dark .tabsArea.tabs-bg .tabHead {
    background: var(--ow-elevated) !important;
    background-color: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
    border: 1px solid var(--ow-border) !important;
}

html.oweb-dark .tabs-flex .tabsArea .tabHead .item,
body.oweb-dark .tabs-flex .tabsArea .tabHead .item,
html.oweb-dark .tabsArea .tabHead .item,
body.oweb-dark .tabsArea .tabHead .item {
    color: var(--ow-text-soft) !important;
}

html.oweb-dark .tabs-flex .tabsArea .tabHead .item:hover,
body.oweb-dark .tabs-flex .tabsArea .tabHead .item:hover,
html.oweb-dark .tabsArea .tabHead .item:hover,
body.oweb-dark .tabsArea .tabHead .item:hover {
    color: var(--ow-text) !important;
}

html.oweb-dark .tabs-flex .tabsArea .tabHead .item.active,
body.oweb-dark .tabs-flex .tabsArea .tabHead .item.active,
html.oweb-dark .tabsArea .tabHead .item.active,
body.oweb-dark .tabsArea .tabHead .item.active {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
    color: var(--ow-text) !important;
}

html.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head,
body.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head,
html.oweb-dark .tabsArea.tabs-mobile .tabs-m-head,
body.oweb-dark .tabsArea.tabs-mobile .tabs-m-head {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

html.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .icon,
body.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .icon,
html.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .icon,
body.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .icon {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text-muted) !important;
}

html.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .detail span.title,
body.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .detail span.title,
html.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.title,
body.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.title {
    color: var(--ow-text-soft) !important;
}

html.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .detail span.value,
body.oweb-dark .tabs-flex .tabsArea.tabs-mobile .tabs-m-head .detail span.value,
html.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.value,
body.oweb-dark .tabsArea.tabs-mobile .tabs-m-head .detail span.value {
    color: var(--ow-text) !important;
}

html.oweb-dark .multi--features .list,
body.oweb-dark .multi--features .list {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
}

html.oweb-dark .multi--features.mf-three .list,
body.oweb-dark .multi--features.mf-three .list {
    border-right-color: var(--ow-border) !important;
}

html.oweb-dark .vertical--packs .pack,
body.oweb-dark .vertical--packs .pack {
    background: var(--ow-surface) !important;
    background-color: var(--ow-surface) !important;
}

html.oweb-dark #article,
body.oweb-dark #article {
    background: var(--ow-page-bg) !important;
    background-color: var(--ow-page-bg) !important;
}

html.oweb-dark #article .container-xl,
body.oweb-dark #article .container-xl {
    background-color: transparent !important;
}

html.oweb-dark .article--area :is(h1, h2, h3, h4),
body.oweb-dark .article--area :is(h1, h2, h3, h4) {
    color: var(--ow-text) !important;
}

html.oweb-dark .article--area p,
body.oweb-dark .article--area p {
    color: var(--ow-text-soft) !important;
}

html.oweb-dark .article--area p :is(b, strong, u),
body.oweb-dark .article--area p :is(b, strong, u) {
    color: var(--ow-text-muted) !important;
}

/* —— FAQ / accordion (faq-list, .accordion.faq) —— */
:is(html, body).oweb-dark #faq .faq-list .accordion.faq .item,
html.oweb-dark #faq .faq-list .accordion.faq .item,
body.oweb-dark #faq .faq-list .accordion.faq .item {
    background: var(--ow-surface) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark .accordion.faq .item .head,
html.oweb-dark .accordion.faq .item .head,
body.oweb-dark .accordion.faq .item .head {
    border-bottom-color: var(--ow-border) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .accordion.faq .item .head span,
html.oweb-dark .accordion.faq .item .head span,
body.oweb-dark .accordion.faq .item .head span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .accordion.faq .item .head :is(h1, h2, h3, h4, .h1, .h2, .h3),
html.oweb-dark .accordion.faq .item .head :is(h1, h2, h3, h4, .h1, .h2, .h3),
body.oweb-dark .accordion.faq .item .head :is(h1, h2, h3, h4, .h1, .h2, .h3) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .accordion.faq .item.show .body,
html.oweb-dark .accordion.faq .item.show .body,
body.oweb-dark .accordion.faq .item.show .body {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .accordion.faq .item .body p,
html.oweb-dark .accordion.faq .item .body p,
body.oweb-dark .accordion.faq .item .body p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .accordion.faq .item .head i,
html.oweb-dark .accordion.faq .item .head i,
body.oweb-dark .accordion.faq .item .head i {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .accordion.faq .item.show .head i,
html.oweb-dark .accordion.faq .item.show .head i,
body.oweb-dark .accordion.faq .item.show .head i {
    color: #f2712a !important;
}

/* Domain sorgu sonuçları (.domainname) */
:is(html, body).oweb-dark .d-search--content .d-search--area .detail span.domainname,
html.oweb-dark .d-search--content .d-search--area .detail span.domainname,
body.oweb-dark .d-search--content .d-search--area .detail span.domainname {
    color: inherit !important;
}

:is(html, body).oweb-dark .d-search--content .d-search--area.unavailable .detail span.domainname,
html.oweb-dark .d-search--content .d-search--area.unavailable .detail span.domainname,
body.oweb-dark .d-search--content .d-search--area.unavailable .detail span.domainname {
    color: #ff7a8c !important;
}

:is(html, body).oweb-dark .d-search--content .d-search--area.available .detail span.domainname,
html.oweb-dark .d-search--content .d-search--area.available .detail span.domainname,
body.oweb-dark .d-search--content .d-search--area.available .detail span.domainname {
    color: #5ee9a8 !important;
}

:is(html, body).oweb-dark .alternative--domains .alternative .domainname,
html.oweb-dark .alternative--domains .alternative .domainname,
body.oweb-dark .alternative--domains .alternative .domainname {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .d-search--content .d-search--area .icon,
html.oweb-dark .d-search--content .d-search--area .icon,
body.oweb-dark .d-search--content .d-search--area .icon {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark .d-search--content .d-search--area .detail span.badge,
html.oweb-dark .d-search--content .d-search--area .detail span.badge,
body.oweb-dark .d-search--content .d-search--area .detail span.badge {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .alternative--domains .alternative,
html.oweb-dark .alternative--domains .alternative,
body.oweb-dark .alternative--domains .alternative {
    border-bottom-color: var(--ow-border) !important;
}

/* Alan adı kayıt adımları */
:is(html, body).oweb-dark #steps-view .steps--content .head :is(h1, h2, h3),
html.oweb-dark #steps-view .steps--content .head :is(h1, h2, h3),
body.oweb-dark #steps-view .steps--content .head :is(h1, h2, h3) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #steps-view .steps--content .head > p,
html.oweb-dark #steps-view .steps--content .head > p,
body.oweb-dark #steps-view .steps--content .head > p {
    color: var(--ow-text-soft) !important;
}

/* SSL sertifikaları — #ssl .card */
:is(html, body).oweb-dark #ssl .card.p-4,
html.oweb-dark #ssl .card.p-4,
body.oweb-dark #ssl .card.p-4 {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-soft);
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.35) !important;
}

:is(html, body).oweb-dark #ssl .ssl--box_item,
html.oweb-dark #ssl .ssl--box_item,
body.oweb-dark #ssl .ssl--box_item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #ssl .ssl--box_item .head,
html.oweb-dark #ssl .ssl--box_item .head,
body.oweb-dark #ssl .ssl--box_item .head {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #ssl .features-boxed-list ul li,
html.oweb-dark #ssl .features-boxed-list ul li,
body.oweb-dark #ssl .features-boxed-list ul li {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #ssl .features-boxed-list ul li > span,
html.oweb-dark #ssl .features-boxed-list ul li > span,
body.oweb-dark #ssl .features-boxed-list ul li > span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #ssl .features-boxed-list ul li .icon,
html.oweb-dark #ssl .features-boxed-list ul li .icon,
body.oweb-dark #ssl .features-boxed-list ul li .icon {
    color: var(--ow-text-muted) !important;
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #ssl .price-alert,
html.oweb-dark #ssl .price-alert,
body.oweb-dark #ssl .price-alert {
    background: rgba(16, 172, 132, 0.18) !important;
    color: #7ee0bc !important;
}

/* Marka tescil (#marka + modal) */
:is(html, body).oweb-dark #marka .card.p-4,
html.oweb-dark #marka .card.p-4,
body.oweb-dark #marka .card.p-4 {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.35) !important;
}

:is(html, body).oweb-dark #marka .form-sections,
html.oweb-dark #marka .form-sections,
body.oweb-dark #marka .form-sections {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .tab-buttons,
html.oweb-dark #marka .tab-buttons,
body.oweb-dark #marka .tab-buttons {
    background: var(--ow-surface-2) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .tab-button,
html.oweb-dark #marka .tab-button,
body.oweb-dark #marka .tab-button {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #marka .tab-button:hover,
html.oweb-dark #marka .tab-button:hover,
body.oweb-dark #marka .tab-button:hover {
    background: var(--ow-elevated) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #marka .tab-button.active,
html.oweb-dark #marka .tab-button.active,
body.oweb-dark #marka .tab-button.active {
    background: var(--ow-surface) !important;
    color: #faa733 !important;
    border-bottom-color: #f2712a !important;
}

:is(html, body).oweb-dark #marka .tab-content,
html.oweb-dark #marka .tab-content,
body.oweb-dark #marka .tab-content {
    color: var(--ow-text-soft);
}

:is(html, body).oweb-dark #marka .section-subtitle,
html.oweb-dark #marka .section-subtitle,
body.oweb-dark #marka .section-subtitle {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #marka .kategori-item,
html.oweb-dark #marka .kategori-item,
body.oweb-dark #marka .kategori-item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
    box-shadow: none !important;
}

:is(html, body).oweb-dark #marka .kategori-item:hover,
html.oweb-dark #marka .kategori-item:hover,
body.oweb-dark #marka .kategori-item:hover {
    border-color: #f2712a !important;
}

:is(html, body).oweb-dark #marka .kategori-item.selected,
html.oweb-dark #marka .kategori-item.selected,
body.oweb-dark #marka .kategori-item.selected {
    background: rgba(242, 113, 42, 0.14) !important;
    border-color: #f2712a !important;
}

:is(html, body).oweb-dark #marka .kategori-desc,
html.oweb-dark #marka .kategori-desc,
body.oweb-dark #marka .kategori-desc {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #marka .siniflar-list,
html.oweb-dark #marka .siniflar-list,
body.oweb-dark #marka .siniflar-list {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .sinif-item,
html.oweb-dark #marka .sinif-item,
body.oweb-dark #marka .sinif-item {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .sinif-item:hover,
html.oweb-dark #marka .sinif-item:hover,
body.oweb-dark #marka .sinif-item:hover {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark #marka .sinif-text,
html.oweb-dark #marka .sinif-text,
body.oweb-dark #marka .sinif-text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #marka .sinif-item.selected,
html.oweb-dark #marka .sinif-item.selected,
body.oweb-dark #marka .sinif-item.selected {
    background: rgba(242, 113, 42, 0.12) !important;
}

:is(html, body).oweb-dark #marka .sinif-item.selected .sinif-text,
html.oweb-dark #marka .sinif-item.selected .sinif-text,
body.oweb-dark #marka .sinif-item.selected .sinif-text {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #marka .fiyat-panel,
html.oweb-dark #marka .fiyat-panel,
body.oweb-dark #marka .fiyat-panel {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .fiyat-label,
html.oweb-dark #marka .fiyat-label,
body.oweb-dark #marka .fiyat-label {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #marka .fiyat-item,
html.oweb-dark #marka .fiyat-item,
body.oweb-dark #marka .fiyat-item {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .fiyat-item:last-child,
html.oweb-dark #marka .fiyat-item:last-child,
body.oweb-dark #marka .fiyat-item:last-child {
    border-top-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .marka-sinif-item,
html.oweb-dark #marka .marka-sinif-item,
body.oweb-dark #marka .marka-sinif-item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .marka-sinif-item:hover,
html.oweb-dark #marka .marka-sinif-item:hover,
body.oweb-dark #marka .marka-sinif-item:hover {
    background: var(--ow-elevated) !important;
}

:is(html, body).oweb-dark #marka .marka-sinif-item.selected,
html.oweb-dark #marka .marka-sinif-item.selected,
body.oweb-dark #marka .marka-sinif-item.selected {
    background: rgba(242, 113, 42, 0.14) !important;
    border-color: #f2712a !important;
}

:is(html, body).oweb-dark #marka .sinif-detay-item,
html.oweb-dark #marka .sinif-detay-item,
body.oweb-dark #marka .sinif-detay-item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #marka .sinif-detay-content li,
html.oweb-dark #marka .sinif-detay-content li,
body.oweb-dark #marka .sinif-detay-content li {
    color: var(--ow-text-soft) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-content,
html.oweb-dark #sinifModal .modal-content,
body.oweb-dark #sinifModal .modal-content {
    background: var(--ow-surface) !important;
    border: 1px solid var(--ow-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-header,
html.oweb-dark #sinifModal .modal-header,
body.oweb-dark #sinifModal .modal-header {
    background: var(--ow-surface-2) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-header span,
html.oweb-dark #sinifModal .modal-header span,
body.oweb-dark #sinifModal .modal-header span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-search,
html.oweb-dark #sinifModal .modal-search,
body.oweb-dark #sinifModal .modal-search {
    background: var(--ow-surface) !important;
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-search input,
html.oweb-dark #sinifModal .modal-search input,
body.oweb-dark #sinifModal .modal-search input {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #sinifModal .modal-body,
html.oweb-dark #sinifModal .modal-body,
body.oweb-dark #sinifModal .modal-body {
    background: var(--ow-surface) !important;
    color: var(--ow-text-soft);
}

:is(html, body).oweb-dark #sinifModal .modal-close,
html.oweb-dark #sinifModal .modal-close,
body.oweb-dark #sinifModal .modal-close {
    background: var(--ow-elevated) !important;
    color: #f2712a !important;
}

/* Üst menü: Araçlar açılır paneli */
:is(html, body).oweb-dark #tools-dropdown-menu,
html.oweb-dark #tools-dropdown-menu,
body.oweb-dark #tools-dropdown-menu {
    background: var(--ow-surface-2) !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.55) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu [style*="f2f2f9"],
html.oweb-dark #tools-dropdown-menu [style*="f2f2f9"],
body.oweb-dark #tools-dropdown-menu [style*="f2f2f9"] {
    border-bottom: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu .tool-link-item,
html.oweb-dark #tools-dropdown-menu .tool-link-item,
body.oweb-dark #tools-dropdown-menu .tool-link-item {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu .tool-link-item:hover,
html.oweb-dark #tools-dropdown-menu .tool-link-item:hover,
body.oweb-dark #tools-dropdown-menu .tool-link-item:hover {
    background: var(--ow-elevated) !important;
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu .text-box .title,
html.oweb-dark #tools-dropdown-menu .text-box .title,
body.oweb-dark #tools-dropdown-menu .text-box .title {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu .text-box .title[style],
html.oweb-dark #tools-dropdown-menu .text-box .title[style],
body.oweb-dark #tools-dropdown-menu .text-box .title[style] {
    color: #faa733 !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu .text-box .desc,
html.oweb-dark #tools-dropdown-menu .text-box .desc,
body.oweb-dark #tools-dropdown-menu .text-box .desc {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #tools-dropdown-menu a.tool-link-item[style*="fdf2e9"],
html.oweb-dark #tools-dropdown-menu a.tool-link-item[style*="fdf2e9"],
body.oweb-dark #tools-dropdown-menu a.tool-link-item[style*="fdf2e9"] {
    background: rgba(242, 113, 42, 0.14) !important;
}

/* n8n pazarlama sayfası — çok sayıda inline açık renk */
:is(html, body).oweb-dark #workflows,
html.oweb-dark #workflows,
body.oweb-dark #workflows {
    background: linear-gradient(180deg, var(--ow-surface-2) 0%, var(--ow-page-bg) 100%) !important;
}

:is(html, body).oweb-dark section#testimonials.py-5,
html.oweb-dark section#testimonials.py-5,
body.oweb-dark section#testimonials.py-5 {
    background: linear-gradient(180deg, var(--ow-surface-2) 0%, var(--ow-page-bg) 100%) !important;
}

:is(html, body).oweb-dark #flexibility,
html.oweb-dark #flexibility,
body.oweb-dark #flexibility {
    background: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark #flexibility :is(h1, h2, h3, h4),
html.oweb-dark #flexibility :is(h1, h2, h3, h4),
body.oweb-dark #flexibility :is(h1, h2, h3, h4) {
    color: var(--ow-text) !important;
    -webkit-text-fill-color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #flexibility .text-muted,
html.oweb-dark #flexibility .text-muted,
body.oweb-dark #flexibility .text-muted {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #security-performance,
html.oweb-dark #security-performance,
body.oweb-dark #security-performance {
    background: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark #security-performance :is(h2, h3),
html.oweb-dark #security-performance :is(h2, h3),
body.oweb-dark #security-performance :is(h2, h3) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #security-performance .text-muted,
html.oweb-dark #security-performance .text-muted,
body.oweb-dark #security-performance .text-muted {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .feature-item,
html.oweb-dark .feature-item,
body.oweb-dark .feature-item {
    background: var(--ow-surface-2) !important;
    border-left-color: inherit !important;
}

:is(html, body).oweb-dark .feature-item :is(h4, p),
html.oweb-dark .feature-item :is(h4, p),
body.oweb-dark .feature-item :is(h4, p) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .feature-item .text-muted,
html.oweb-dark .feature-item .text-muted,
body.oweb-dark .feature-item .text-muted {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .testimonial-card:not([style*="1a1a2e"]),
html.oweb-dark .testimonial-card:not([style*="1a1a2e"]),
body.oweb-dark .testimonial-card:not([style*="1a1a2e"]) {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

:is(html, body).oweb-dark .testimonial-card:not([style*="1a1a2e"]) p,
html.oweb-dark .testimonial-card:not([style*="1a1a2e"]) p,
body.oweb-dark .testimonial-card:not([style*="1a1a2e"]) p {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .security-card,
html.oweb-dark .security-card,
body.oweb-dark .security-card {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.3) !important;
}

:is(html, body).oweb-dark .security-card :is(h3, p),
html.oweb-dark .security-card :is(h3, p),
body.oweb-dark .security-card :is(h3, p) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .security-card .text-muted,
html.oweb-dark .security-card .text-muted,
body.oweb-dark .security-card .text-muted {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark a.workflow-card,
html.oweb-dark a.workflow-card,
body.oweb-dark a.workflow-card {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark a.workflow-card .text-soft,
html.oweb-dark a.workflow-card .text-soft,
body.oweb-dark a.workflow-card .text-soft {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark a.workflow-card .text-dark,
html.oweb-dark a.workflow-card .text-dark,
body.oweb-dark a.workflow-card .text-dark {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark a.workflow-card [style*="f3f4f6"],
html.oweb-dark a.workflow-card [style*="f3f4f6"],
body.oweb-dark a.workflow-card [style*="f3f4f6"] {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-muted) !important;
    border-color: transparent !important;
}

:is(html, body).oweb-dark a.workflow-card [style*="border-top: 1px solid #f3f4f6"],
html.oweb-dark a.workflow-card [style*="border-top: 1px solid #f3f4f6"],
body.oweb-dark a.workflow-card [style*="border-top: 1px solid #f3f4f6"] {
    border-top-color: var(--ow-border) !important;
}

/* —— SSL: fiyat satırındaki span / yıl metni (.price-alert-area .flex-align) —— */
:is(html, body).oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span,
html.oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span,
body.oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span.loop,
html.oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span.loop,
body.oweb-dark #ssl .ssl--box_item .price-alert-area .price .flex-align span.loop {
    color: var(--ow-text-muted) !important;
    font-weight: 400 !important;
}

/* —— Marka tescil: sayfa içi <style> sonrası için yüksek özgüllük —— */
:is(html, body).oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label,
html.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label,
body.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label i,
html.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label i,
body.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-label i {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-value,
html.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-value,
body.oweb-dark section#marka .fiyat-panel .fiyat-section .fiyat-item span.fiyat-value {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark section#marka .fiyat-panel .fiyat-section > span,
html.oweb-dark section#marka .fiyat-panel .fiyat-section > span,
body.oweb-dark section#marka .fiyat-panel .fiyat-section > span {
    color: #faa733 !important;
}

/* —— Kurumsal e-posta (#mail / #mail-details) —— */
:is(html, body).oweb-dark #mail .card.p-4,
html.oweb-dark #mail .card.p-4,
body.oweb-dark #mail .card.p-4 {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
    box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.35) !important;
}

:is(html, body).oweb-dark #mail .alert-light,
html.oweb-dark #mail .alert-light,
body.oweb-dark #mail .alert-light {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #mail .alert-light .text-main,
html.oweb-dark #mail .alert-light .text-main,
body.oweb-dark #mail .alert-light .text-main {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #mail .mail--box_item,
html.oweb-dark #mail .mail--box_item,
body.oweb-dark #mail .mail--box_item {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #mail .price-alert-area .price .flex-align span,
html.oweb-dark #mail .price-alert-area .price .flex-align span,
body.oweb-dark #mail .price-alert-area .price .flex-align span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #mail .price-alert-area .price .flex-align span.loop,
html.oweb-dark #mail .price-alert-area .price .flex-align span.loop,
body.oweb-dark #mail .price-alert-area .price .flex-align span.loop {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #mail-details .mail--content,
:is(html, body).oweb-dark .mail--content.mt-5,
html.oweb-dark #mail-details .mail--content,
html.oweb-dark .mail--content.mt-5,
body.oweb-dark #mail-details .mail--content,
body.oweb-dark .mail--content.mt-5 {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #mail-details .mail--content .tabs-m-head,
:is(html, body).oweb-dark .mail--content.mt-5 .tabs-m-head,
html.oweb-dark #mail-details .mail--content .tabs-m-head,
html.oweb-dark .mail--content.mt-5 .tabs-m-head,
body.oweb-dark #mail-details .mail--content .tabs-m-head,
body.oweb-dark .mail--content.mt-5 .tabs-m-head {
    background: var(--ow-elevated) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #mail-details .mail--content .tabContent,
:is(html, body).oweb-dark .mail--content.mt-5 .tabContent,
html.oweb-dark #mail-details .mail--content .tabContent,
html.oweb-dark .mail--content.mt-5 .tabContent,
body.oweb-dark #mail-details .mail--content .tabContent,
body.oweb-dark .mail--content.mt-5 .tabContent {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text-soft);
}

/* —— Sunucu sayfaları: inline #f8f9fa arka planlı bölümler —— */
:is(html, body).oweb-dark section.py-5[style*="f8f9fa"],
html.oweb-dark section.py-5[style*="f8f9fa"],
body.oweb-dark section.py-5[style*="f8f9fa"] {
    background: var(--ow-page-bg) !important;
    background-color: var(--ow-page-bg) !important;
}

:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] .text-dark,
html.oweb-dark section.py-5[style*="f8f9fa"] .text-dark,
body.oweb-dark section.py-5[style*="f8f9fa"] .text-dark {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] .text-muted,
html.oweb-dark section.py-5[style*="f8f9fa"] .text-muted,
body.oweb-dark section.py-5[style*="f8f9fa"] .text-muted {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] :is(h1, h2, h3, h4, h5),
html.oweb-dark section.py-5[style*="f8f9fa"] :is(h1, h2, h3, h4, h5),
body.oweb-dark section.py-5[style*="f8f9fa"] :is(h1, h2, h3, h4, h5) {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] .card,
html.oweb-dark section.py-5[style*="f8f9fa"] .card,
body.oweb-dark section.py-5[style*="f8f9fa"] .card {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

/* —— Barındırma / benzeri: class + arka plan (style attribute olmasa bile) —— */
:is(html, body).oweb-dark section.py-5[style*="#f8f9fa"],
html.oweb-dark section.py-5[style*="#f8f9fa"],
body.oweb-dark section.py-5[style*="#f8f9fa"] {
    background: var(--ow-page-bg) !important;
    background-color: var(--ow-page-bg) !important;
}

/* —— #dedicated yatay paket (type-2): pack-detail + detay listesi —— */
:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack.bg-white,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack.bg-white,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack.bg-white {
    background: var(--ow-surface) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .icon,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .icon,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .icon {
    background: var(--ow-elevated) !important;
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text span.text-main,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text span.text-main,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack-detail .item .text span.text-main {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li span,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li span,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack > .detail .area ul li span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #dedicated .horizontal--packs.type-2 .pack-name span.v-pack-more-btn span.open,
html.oweb-dark #dedicated .horizontal--packs.type-2 .pack-name span.v-pack-more-btn span.open,
body.oweb-dark #dedicated .horizontal--packs.type-2 .pack-name span.v-pack-more-btn span.open {
    color: var(--ow-text-muted) !important;
}

/* —— VPS / dikey kutu: .vertical--boxed .pack-features ızgarası —— */
:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features {
    color: var(--ow-text-soft);
}

:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item {
    background: var(--ow-elevated) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .icon,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .icon,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .icon {
    background: var(--ow-surface-2) !important;
    color: var(--ow-text-muted) !important;
    border-right-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text > span,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text > span,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features .item .text > span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark .vertical--packs.vertical--boxed .pack .pack-features a,
html.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features a,
body.oweb-dark .vertical--packs.vertical--boxed .pack .pack-features a {
    color: #faa733 !important;
}

/* —— Banka hesapları (#page-content) —— */
:is(html, body).oweb-dark #page-content .bank--list .bank--item,
html.oweb-dark #page-content .bank--list .bank--item,
body.oweb-dark #page-content .bank--list .bank--item {
    background: var(--ow-surface) !important;
    border: 1px solid var(--ow-border) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank--item .image,
html.oweb-dark #page-content .bank--list .bank--item .image,
body.oweb-dark #page-content .bank--list .bank--item .image {
    background: var(--ow-surface-2) !important;
    border-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank-detail .bank--title,
html.oweb-dark #page-content .bank--list .bank-detail .bank--title,
body.oweb-dark #page-content .bank--list .bank-detail .bank--title {
    border-bottom-color: var(--ow-border) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank-detail .bank--title span,
html.oweb-dark #page-content .bank--list .bank-detail .bank--title span,
body.oweb-dark #page-content .bank--list .bank-detail .bank--title span {
    color: var(--ow-text) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank-detail ul li .title,
html.oweb-dark #page-content .bank--list .bank-detail ul li .title,
body.oweb-dark #page-content .bank--list .bank-detail ul li .title {
    color: var(--ow-text-muted) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank-detail ul li .text,
html.oweb-dark #page-content .bank--list .bank-detail ul li .text,
body.oweb-dark #page-content .bank--list .bank-detail ul li .text {
    color: var(--ow-text-soft) !important;
}

:is(html, body).oweb-dark #page-content .bank--list .bank-detail ul li .text span,
html.oweb-dark #page-content .bank--list .bank-detail ul li .text span,
body.oweb-dark #page-content .bank--list .bank-detail ul li .text span {
    color: var(--ow-text) !important;
}

/* Açık gri bölümde başlıklar (VPS/VDS alt kartlar vb.) */
:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] h2.fw-bold,
:is(html, body).oweb-dark section.py-5[style*="f8f9fa"] h5.fw-bold,
html.oweb-dark section.py-5[style*="f8f9fa"] h2.fw-bold,
html.oweb-dark section.py-5[style*="f8f9fa"] h5.fw-bold,
body.oweb-dark section.py-5[style*="f8f9fa"] h2.fw-bold,
body.oweb-dark section.py-5[style*="f8f9fa"] h5.fw-bold {
    color: var(--ow-text) !important;
}