/*
 * WeProxy public site skin (homepage + public pages).
 * Tokens: weproxy-tokens.css | Overlays: weproxy-overlays.css
 * Loaded after theme-default so WISECP blocks keep their markup.
 */

body#home,
body#uyeolgirisbody,
body:not(#modernpanel):not(#muspanel) {
    color: var(--wp-ink);
    background: var(--wp-bg);
    font-family: var(--wp-font) !important;
    -webkit-font-smoothing: antialiased;
}

body#uyeolgirisbody,
body#uyeolgirisbody input,
body#uyeolgirisbody select,
body#uyeolgirisbody textarea,
body#uyeolgirisbody button,
body#uyeolgirisbody .gonderbtn,
body#uyeolgirisbody .btn {
    font-family: var(--wp-font) !important;
}

body#uyeolgirisbody {
    font-weight: 400;
}

body#uyeolgirisbody strong,
body#uyeolgirisbody b {
    font-weight: 500 !important;
}

body#uyeolgirisbody h1,
body#uyeolgirisbody h2,
body#uyeolgirisbody h3,
body#uyeolgirisbody .signinsignup-title,
body#uyeolgirisbody .gonderbtn,
body#uyeolgirisbody .mio-ajax-submit {
    font-weight: 600 !important;
}

/* Header */
body#home .header,
body#home .header .head {
    background: transparent !important;
    box-shadow: none !important;
}

body#home .header .head {
    padding: 18px 0 8px;
}

.header .logo a {
    display: inline-flex;
    align-items: center;
}

.header .headbutonlar a,
.header .sosyalbtns a {
    color: #fafafa !important;
    border-radius: 7px;
    transition: background .18s ease, color .18s ease;
}

body#home .header .headbutonlar a,
body#home .header .sosyalbtns a {
    color: #fafafa !important;
}

.header .menu {
    background: rgba(9, 9, 11, .92) !important;
    border: 1px solid #27272a;
    border-radius: 10px;
    backdrop-filter: blur(12px);
}

.header .menu a,
.header .menu ul li a {
    color: #d4d4d8 !important;
    font-weight: 520;
}

.header .menu a:hover,
.header .menu ul li a:hover,
.header .menu ul li a#active,
.header .menu a#active {
    color: #fafafa !important;
}

/* Domain / hero cards */
.homedomainarea {
    border: 1px solid var(--wp-line) !important;
    border-radius: var(--wp-radius) !important;
    box-shadow: var(--wp-shadow) !important;
}

.homedomainarea h1 {
    color: var(--wp-ink) !important;
    letter-spacing: -.03em;
}

.homedomainarea h4 {
    color: var(--wp-muted) !important;
}

.homedomainarea input[type="submit"] {
    background: var(--wp-black) !important;
    border-radius: 7px !important;
}

.homedomainarea input[type="submit"]:hover {
    background: #27272a !important;
}

/* About / feature blocks — tone down teal */
.anatanitim {
    background: #111113 !important;
    border-radius: 0;
}

.ozelliklerimiz .ozellik,
.ozellik,
.paketlerimiz .paket,
.moderncliendblock {
    border: 1px solid var(--wp-line);
    border-radius: var(--wp-radius);
    box-shadow: var(--wp-shadow);
    background: var(--wp-surface);
}

a.gonderbtn,
.gonderbtn,
input[type="submit"].gonderbtn,
.lbtn {
    border-radius: 7px !important;
}

/* Soften teal accents on public pages */
body#home a:not(.menu a),
.homedomainarea h1,
.rakamlarlabiz h1,
.footer .title {
    /* keep links readable; buttons use black below */
}

body#home .homedomainarea input[type="submit"],
body#home .anatanitim .gonderbtn:hover {
    background: var(--wp-black) !important;
    color: #fff !important;
    border-color: var(--wp-black) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: var(--wp-ink) !important;
    background: #f4f4f5 !important;
}

/* Footer */
.footer {
    background: #0a0a0a !important;
    background-image: none !important;
    color: #a1a1aa !important;
    border-top: 1px solid #27272a;
}

.footer a {
    color: #d4d4d8 !important;
}

.footer a:hover {
    color: #fafafa !important;
}

.footer .line {
    background-color: #27272a !important;
}

/* Cookie — shared with panel */
#mio-cookie-popup .mio-cookie-popup__c-p-card,
#mio-cookie-popup .mio-cookie-popup__card {
    max-width: 360px;
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .14) !important;
}

#mio-cookie-popup .mio-cookie-popup__content {
    padding: 18px 18px 16px !important;
    text-align: left !important;
}

#mio-cookie-popup .mio-cookie-popup__content h3 {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#mio-cookie-popup .mio-cookie-popup__content p {
    margin: 0 0 14px !important;
    color: #52525b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

#mio-cookie-popup .mio-cookie-popup__content a {
    color: #111 !important;
    font-weight: 500;
    text-decoration: underline;
}

#mio-cookie-popup .mio-cookie-popup__c-p-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px !important;
    color: #fafafa !important;
    background: #111 !important;
    border: 1px solid #111 !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer;
}

#mio-cookie-popup .mio-cookie-popup__c-p-button:hover {
    background: #27272a !important;
}

@media (max-width: 900px) {
    .header .menu {
        border-radius: 0;
    }
}

/* Overlays (swal / iziModal / lang-currency): see weproxy-overlays.css */

/* Security verification (2FA / location) — WeProxy zinc, not lime green */
.verificationcontent,
.verificationcontent.wp-verify {
    padding: 28px 24px 24px !important;
    text-align: center;
    color: #111;
    font-family: var(--wp-font, "Geist Sans", Geist, sans-serif);
}

.verificationcontent h1 {
    margin: 0 0 12px !important;
    color: #111 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: -.03em;
    line-height: 1.25;
}

.verificationcontent h1 i {
    display: none !important;
}

.verificationcontent .wp-verify-icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    color: #111;
    background: #f4f4f5;
    border: 1px solid #e4e4e7;
    border-radius: 14px;
    font-size: 22px;
}

.verificationcontent p,
.verificationcontent .wp-verify-lead,
.verificationcontent .wp-verify-meta {
    margin: 0 0 10px !important;
    color: #3f3f46 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: center;
}

.verificationcontent .wp-verify-meta strong,
.verificationcontent #two_factor_phone,
.verificationcontent #phone_text,
.verificationcontent #security_question_text {
    color: #111 !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
}

.verificationcontent form,
.verificationcontent .wp-verify-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 18px 0 0;
    text-align: center;
}

.verificationcontent .yuzde70,
.verificationcontent .wp-verify-field {
    float: none !important;
    width: 100% !important;
    max-width: 280px;
    margin: 0 auto !important;
}

.verificationcontent input[type="text"],
.verificationcontent input[type="number"],
.verificationcontent input[name="code"],
.verificationcontent input[name="security_question_answer"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #d4d4d8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: .18em;
    text-align: center !important;
}

.verificationcontent input[type="text"]:focus,
.verificationcontent input[name="code"]:focus,
.verificationcontent input[name="security_question_answer"]:focus {
    border-color: #111 !important;
    box-shadow: 0 0 0 3px rgba(24, 24, 27, .08) !important;
    outline: none !important;
}

.verificationcontent .wp-verify-timer,
.verificationcontent .yuzde70 strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    color: #71717a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.verificationcontent .wp-verify-timer i,
.verificationcontent .yuzde70 strong i {
    color: #a1a1aa !important;
}

.verificationcontent .line {
    display: none !important;
}

.verificationcontent .yuzde100,
.verificationcontent .yuzde50,
.verificationcontent .wp-verify-actions {
    float: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100% !important;
    max-width: 280px;
    margin: 18px auto 0 !important;
    text-align: center;
}

.verificationcontent .gonderbtn,
.verificationcontent .yesilbtn,
.verificationcontent a.gonderbtn.yesilbtn {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 46px;
    margin: 0 !important;
    padding: 12px 18px !important;
    color: #fafafa !important;
    background: #09090b !important;
    border: 1px solid #09090b !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em;
    text-decoration: none !important;
}

.verificationcontent .gonderbtn:hover,
.verificationcontent .yesilbtn:hover {
    background: #27272a !important;
    border-color: #27272a !important;
    color: #fff !important;
}

.verificationcontent .lbtn,
.verificationcontent .wp-verify-resend {
    float: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #52525b !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.verificationcontent .lbtn:hover,
.verificationcontent .wp-verify-resend:hover {
    color: #111 !important;
}

.verificationcontent .secureoptions {
    width: 100%;
    max-width: 320px;
    margin: 8px auto 4px;
    padding: 14px 16px;
    text-align: left;
    background: #fafafa;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
}

.verificationcontent .secureoptions .radio-custom-label {
    margin: 6px 0 !important;
    color: #111 !important;
}

.verificationcontent .notverification {
    display: block;
    width: 100%;
    margin-top: 20px;
    color: #a1a1aa !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45;
    text-align: center;
}

.verificationcontent .notverification a {
    color: #52525b !important;
    font-weight: 500 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.verificationcontent .notverification a:hover {
    color: #111 !important;
}

/* Auth — sign-in / sign-up WeProxy skin */
body#uyeolgirisbody {
    color: #111;
    background: #09090b !important;
    min-height: 100vh;
    min-height: 100dvh;
}

html:has(body#uyeolgirisbody) {
    height: 100%;
}

body#uyeolgirisbody #uyeolgiris {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    background-image: none !important;
    background: linear-gradient(135deg, #09090b 0%, #18181b 48%, #27272a 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

body#uyeolgirisbody #new-signin-signup,
body#uyeolgirisbody .uyeolgirisyapx {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

body#uyeolgirisbody .uyeolgirisslogan {
    color: #fafafa;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    float: none !important;
    display: flex !important;
    flex-direction: column;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: auto;
}

body#uyeolgirisbody .logo a.wp-auth-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

body#uyeolgirisbody .logo .wp-brand-logo,
body#uyeolgirisbody .logo svg.wp-brand-logo {
    display: block;
    flex: 0 0 auto;
    width: 240px;
    max-width: 100%;
    height: auto;
    max-height: 40px;
    object-fit: contain;
    pointer-events: none;
}

body#uyeolgirisbody .uyeolgirisslogan-con h4 {
    color: #a1a1aa !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.55;
}

body#uyeolgirisbody .uyeolgirisslogan-con .gonderbtn {
    color: #fafafa !important;
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, .35) !important;
    border-radius: 7px !important;
}

body#uyeolgirisbody .uyeolgirisslogan-con .gonderbtn:hover {
    color: #111 !important;
    background: #fff !important;
    border-color: #fff !important;
}

body#uyeolgirisbody .uyeol {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #fff !important;
    box-shadow: -12px 0 40px rgba(0, 0, 0, .12);
    overflow-x: hidden;
    overflow-y: auto;
    display: flex !important;
    flex-direction: column;
    box-sizing: border-box !important;
}

body#uyeolgirisbody .signupcon {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: #fff !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box !important;
}

body#uyeolgirisbody .signupcon > .padding30 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
    body#uyeolgirisbody .uyeolgirisslogan {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        float: none !important;
        min-height: auto !important;
        overflow: visible;
    }

    body#uyeolgirisbody .uyeol {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: calc(100vh - 280px) !important;
        min-height: calc(100dvh - 280px) !important;
        box-shadow: none !important;
    }

    body#uyeolgirisbody .signupcon,
    body#uyeolgirisbody .signupcon > .padding30 {
        height: auto;
        min-height: inherit;
    }
}

body#uyeolgirisbody .signinsignup-title {
    color: #111 !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: -.04em;
}

body#uyeolgirisbody #uyeolgiris input[type="text"],
body#uyeolgirisbody #uyeolgiris input[type="email"],
body#uyeolgirisbody #uyeolgiris input[type="password"],
body#uyeolgirisbody #uyeolgiris input[type="tel"],
body#uyeolgirisbody #uyeolgiris select,
body#uyeolgirisbody #uyeolgiris textarea {
    min-height: 44px;
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body#uyeolgirisbody #uyeolgiris input:focus,
body#uyeolgirisbody #uyeolgiris select:focus,
body#uyeolgirisbody #uyeolgiris textarea:focus {
    border-color: #111 !important;
    outline: none;
}

body#uyeolgirisbody .uyeolgirisyap .gonderbtn,
body#uyeolgirisbody .signin-signup-foot-btn button,
body#uyeolgirisbody .signupcon .gonderbtn,
body#uyeolgirisbody .mio-ajax-submit {
    color: #fafafa !important;
    background: #09090b !important;
    border: 1px solid #09090b !important;
    border-radius: 7px !important;
}

body#uyeolgirisbody .uyeolgirisyap .gonderbtn:hover,
body#uyeolgirisbody .signin-signup-foot-btn button:hover,
body#uyeolgirisbody .signupcon .gonderbtn:hover,
body#uyeolgirisbody .mio-ajax-submit:hover {
    background: #27272a !important;
    border-color: #27272a !important;
}

body#uyeolgirisbody .signup-stages-block.active {
    background: #111 !important;
    color: #fff !important;
}

body#uyeolgirisbody .sifreunuttulink,
body#uyeolgirisbody .createnewaccountlink {
    color: #52525b !important;
    font-weight: 600;
}

body#uyeolgirisbody .createnewaccountlink {
    color: rgba(255, 255, 255, .72) !important;
}

body#uyeolgirisbody .line {
    background: #e4e4e7 !important;
}

body#uyeolgirisbody .checkbox-custom + .checkbox-custom-label:before,
body#uyeolgirisbody .radio-custom + .radio-custom-label:before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1.5px solid #d4d4d8 !important;
    border-radius: 6px !important;
    background: #fff !important;
    line-height: 1 !important;
}

body#uyeolgirisbody .checkbox-custom:checked + .checkbox-custom-label:before,
body#uyeolgirisbody .radio-custom:checked + .radio-custom-label:before {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

body#uyeolgirisbody .clientcopyright,
body#uyeolgirisbody .clientcopyright a {
    color: #a1a1aa !important;
}

/* Auth — language switcher (WISECP selectLang modal) */
body#uyeolgirisbody .wp-auth-lang {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 18px;
}

body#uyeolgirisbody .wp-auth-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    background: #fff;
    color: #27272a !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    line-height: 1;
    transition: border-color .15s ease, background .15s ease;
}

body#uyeolgirisbody .wp-auth-lang-btn:hover {
    border-color: #a1a1aa;
    background: #fafafa;
}

body#uyeolgirisbody .wp-auth-lang-btn img {
    display: block;
    width: 18px;
    height: 12px;
    border-radius: 2px;
    object-fit: cover;
}

/* Auth — left panel foot (ecosystem + legal) */
body#uyeolgirisbody .uyeolgirisslogan-con {
    flex: 1 1 auto;
}

body#uyeolgirisbody .wp-auth-foot {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 28px 28px;
    margin-top: auto;
}

body#uyeolgirisbody .wp-auth-ecosystem {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body#uyeolgirisbody .wp-auth-ecosystem-label {
    color: rgba(255, 255, 255, .38);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body#uyeolgirisbody .wp-auth-ecosystem-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

body#uyeolgirisbody .wp-auth-ecosystem-links a {
    color: rgba(255, 255, 255, .78) !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.01em;
}

body#uyeolgirisbody .wp-auth-ecosystem-links a:hover {
    color: #fafafa !important;
}

body#uyeolgirisbody .wp-auth-ecosystem-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

body#uyeolgirisbody .wp-eco-logo-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    height: 28px;
    opacity: .82;
    transition: opacity .15s ease;
}

body#uyeolgirisbody .wp-eco-logo-link:hover {
    opacity: 1;
}

body#uyeolgirisbody .wp-eco-logo,
body#uyeolgirisbody svg.wp-eco-logo {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    aspect-ratio: auto !important;
    overflow: visible;
    pointer-events: none;
}

body#uyeolgirisbody .wp-auth-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding: 0;
    margin: 0;
    color: rgba(255, 255, 255, .45);
    font-size: 12px;
    line-height: 1.4;
}

body#uyeolgirisbody .wp-auth-legal a {
    color: rgba(255, 255, 255, .55) !important;
    text-decoration: none !important;
    font-weight: 500;
}

body#uyeolgirisbody .wp-auth-legal a:hover {
    color: #fafafa !important;
}

body#uyeolgirisbody .wp-auth-legal-sep {
    color: rgba(255, 255, 255, .28);
    user-select: none;
}

@media only screen and (max-width: 1024px) {
    body#uyeolgirisbody .wp-auth-lang {
        margin-bottom: 12px;
    }

    body#uyeolgirisbody .wp-auth-foot {
        align-items: center;
        padding: 18px 16px 24px;
        text-align: center;
    }

    body#uyeolgirisbody .wp-auth-ecosystem {
        align-items: center;
    }

    body#uyeolgirisbody .wp-auth-ecosystem-links,
    body#uyeolgirisbody .wp-auth-legal {
        justify-content: center;
    }
}

/* News / category / content pages — beyond body#home */
#wrapper .sayfabaslik,
.sayfabaslik {
    color: #111 !important;
    letter-spacing: -.03em;
}

#wrapper .sayfabaslik h1,
.sayfabaslik h1,
#wrapper .sayfabaslik h2,
.sayfabaslik h2 {
    color: #111 !important;
    font-weight: 600 !important;
}

#wrapper .sayfacontent,
.sayfacontent,
#wrapper .listeleme,
.listeleme {
    color: #3f3f46;
    background: #fff;
    border: 1px solid var(--wp-line);
    border-radius: var(--wp-radius);
    box-shadow: var(--wp-shadow);
}

#wrapper .breadcrumb,
.breadcrumb,
#wrapper .sayfayolu,
.sayfayolu {
    color: var(--wp-muted) !important;
    font-size: 12px;
}

#wrapper .breadcrumb a,
.breadcrumb a,
#wrapper .sayfayolu a,
.sayfayolu a {
    color: #52525b !important;
}

#wrapper .breadcrumb a:hover,
.breadcrumb a:hover {
    color: #111 !important;
}

#wrapper .listeleme .list,
#wrapper .listeleme .news-item,
#wrapper .page-news-list .item,
.page-news-list .item {
    border-bottom: 1px solid var(--wp-line);
    padding: 16px 0;
}

#wrapper .sidemenu,
#wrapper .sidebar,
#wrapper .kategoriler,
.kategoriler {
    background: #fff;
    border: 1px solid var(--wp-line);
    border-radius: var(--wp-radius);
    box-shadow: var(--wp-shadow);
}

#wrapper .sidemenu a,
#wrapper .kategoriler a,
.kategoriler a {
    color: #3f3f46 !important;
}

#wrapper .sidemenu a:hover,
#wrapper .kategoriler a:hover,
#wrapper .sidemenu a#active,
.kategoriler a:hover {
    color: #111 !important;
}

#wrapper .sayfacontent a.gonderbtn,
#wrapper .listeleme a.gonderbtn,
.sayfacontent .gonderbtn {
    color: #fafafa !important;
    background: #09090b !important;
    border-color: #09090b !important;
}

/* Guest shell on only-panel (body#modernpanel public content) */
#modernpanel .rightcontent .homedomainarea,
#modernpanel .rightcontent .ozellik,
#modernpanel .rightcontent .anatanitim {
    border-radius: var(--wp-radius);
}

#modernpanel .rightcontent a.gonderbtn,
#modernpanel .rightcontent .gonderbtn {
    color: #fafafa !important;
    background: #09090b !important;
    border-color: #09090b !important;
    border-radius: 7px !important;
}

/*
 * Minimal only-panel public skin — CMS / news / category products
 * inside body#modernpanel (master-content + only-panel). Neutral only.
 */
#modernpanel .modernclient-rightcon > #wrapper,
#modernpanel .modernclient-rightcon .sayfabaslik,
#modernpanel .modernclient-rightcon .sayfacontent,
#modernpanel .modernclient-rightcon .listeleme,
#modernpanel .modernclient-rightcon .sidebar {
    float: none;
}

#modernpanel .sayfabaslik {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: var(--wp-ink) !important;
    text-align: left !important;
    text-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    position: static !important;
    z-index: auto !important;
    clear: both;
}

#modernpanel .sayfabaslik h1 {
    display: block !important;
    float: none !important;
    clear: both;
    margin: 0 0 4px !important;
    color: var(--wp-ink) !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    font-weight: 600 !important;
    letter-spacing: -.04em;
    line-height: 1.15;
}

#modernpanel .sayfabaslik > a {
    display: block;
    margin: 0 0 8px;
    color: var(--wp-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

#modernpanel .sayfabaslik i {
    margin: 0 6px !important;
    color: #a1a1aa !important;
    font-size: 10px !important;
}

#modernpanel .sayfabaslik .breadcrumb,
#modernpanel .sayfabaslik .sayfayolu,
#modernpanel .sayfabaslik > nav.sayfayolu,
#modernpanel .modernclient-rightcon .breadcrumb,
#modernpanel .modernclient-rightcon .sayfayolu {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--wp-muted) !important;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 1.4;
    text-shadow: none !important;
}

#modernpanel .sayfabaslik .breadcrumb a,
#modernpanel .sayfabaslik .sayfayolu a,
#modernpanel .modernclient-rightcon .breadcrumb a,
#modernpanel .modernclient-rightcon .sayfayolu a {
    color: #52525b !important;
    font-weight: 520 !important;
}

#modernpanel .sayfabaslik .breadcrumb a:hover,
#modernpanel .sayfabaslik .sayfayolu a:hover {
    color: var(--wp-ink) !important;
}

#modernpanel .headerwhite {
    display: none !important;
}

#modernpanel .sayfacontent,
#modernpanel .listeleme {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 0 18px !important;
    padding: 18px 20px !important;
    color: #3f3f46 !important;
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-line) !important;
    border-radius: var(--wp-radius) !important;
    box-shadow: var(--wp-shadow) !important;
    box-sizing: border-box;
}

#modernpanel .sayfacontent p,
#modernpanel .listeleme p {
    color: #3f3f46;
    line-height: 1.6;
    font-size: 13px;
}

#modernpanel .sayfacontent a:not(.gonderbtn):not(.incelebtn):not(.lbtn):not(.sbtn),
#modernpanel .listeleme a:not(.gonderbtn):not(.incelebtn) {
    color: var(--wp-ink) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#modernpanel .sayfacontent h2,
#modernpanel .sayfacontent h3,
#modernpanel .sayfacontent h4,
#modernpanel .listeleme h2,
#modernpanel .listeleme h3,
#modernpanel .listeleme .listbaslik {
    color: var(--wp-ink) !important;
    font-weight: 500 !important;
    letter-spacing: -.02em;
}

#modernpanel .sayfacontent .line,
#modernpanel .listeleme .line,
#modernpanel .sidebar .line {
    background: var(--wp-line) !important;
}

#modernpanel .sidebar {
    float: none !important;
    width: auto !important;
    max-width: 280px;
    margin: 0 0 18px !important;
    padding: 14px 14px 10px !important;
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-line) !important;
    border-right: 1px solid var(--wp-line) !important;
    border-bottom: 1px solid var(--wp-line) !important;
    border-radius: var(--wp-radius) !important;
    box-shadow: var(--wp-shadow) !important;
    box-sizing: border-box;
}

#modernpanel .sidebar h4 {
    float: none !important;
    clear: both;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    color: var(--wp-ink) !important;
    border-bottom: 1px solid var(--wp-line) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

#modernpanel .sidelinks {
    display: flex;
    flex-direction: column;
    gap: 2px;
    float: none !important;
    width: 100% !important;
    overflow: visible;
    clear: both;
}

#modernpanel .sidelinks a {
    float: none !important;
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 9px 10px !important;
    color: #3f3f46 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 520;
    box-sizing: border-box;
    white-space: normal;
    transition: background .15s ease, color .15s ease;
}

#modernpanel .sidelinks a span {
    float: none !important;
    display: inline !important;
    padding: 0 !important;
    width: auto !important;
}

#modernpanel .sidelinks a:hover,
#modernpanel .sidelinks a#active,
#modernpanel .sidelinks a.active {
    color: var(--wp-ink) !important;
    background: #f4f4f5 !important;
}

/* News detail: keep flex (content + sidebar), do not force block */
#modernpanel .modernclient-rightcon #wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}

#modernpanel .modernclient-rightcon #wrapper > .sayfacontent,
#modernpanel .modernclient-rightcon #wrapper > .listeleme {
    flex: 1 1 0;
    min-width: min(100%, 280px);
}

#modernpanel .modernclient-rightcon #wrapper > .sidebar {
    flex: 0 0 240px;
    order: 2;
}

#modernpanel .modernclient-rightcon #wrapper > .sayfacontent {
    order: 1;
}

#modernpanel .modernclient-rightcon #wrapper > .sayfabaslik {
    flex: 1 1 100%;
    order: 0;
}

/* News list page: main + sidebar columns */
#modernpanel .modernclient-rightcon #wrapper:has(> .listeleme):has(> .sidebar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 240px);
    gap: 16px;
    align-items: start;
}

#modernpanel .modernclient-rightcon #wrapper:has(> .listeleme):has(> .sidebar) > .listeleme {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
}

#modernpanel .modernclient-rightcon #wrapper:has(> .listeleme):has(> .sidebar) > .sidebar {
    grid-column: 2;
    grid-row: 1;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
}

#modernpanel .modernclient-rightcon #wrapper:has(> .listeleme):has(> .sidebar) > .sayfabaslik {
    grid-column: 1 / -1;
}

/* /haberler — vertical text list (no images) */
#modernpanel .wp-news-page .listeleme.wp-news-listing,
body#modernpanel .wp-news-page .listeleme.wp-news-listing {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    align-content: stretch;
    padding: 6px 0 !important;
    overflow: hidden;
}

#modernpanel .wp-news-page .listeleme > .wp-news-row.list,
body#modernpanel .wp-news-page .listeleme > .wp-news-row.list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 20px;
    align-items: start;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wp-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

#modernpanel .wp-news-page .listeleme > .wp-news-row.list:last-of-type {
    border-bottom: 0 !important;
}

#modernpanel .wp-news-page .listeleme > .wp-news-row.list:hover {
    background: var(--wp-surface-subtle, #fafafa) !important;
    border-color: var(--wp-line) !important;
    box-shadow: none !important;
}

#modernpanel .wp-news-page .wp-news-row__main {
    min-width: 0;
    display: grid;
    gap: 6px;
}

#modernpanel .wp-news-page .wp-news-row h4,
#modernpanel .wp-news-page .wp-news-row h4 a {
    margin: 0 !important;
    color: var(--wp-ink) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

#modernpanel .wp-news-page .wp-news-row h4 a:hover {
    color: #27272a !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

#modernpanel .wp-news-page .wp-news-row p {
    margin: 0 !important;
    color: var(--wp-muted, #71717a) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#modernpanel .wp-news-page .wp-news-row__more {
    flex: 0 0 auto;
    align-self: center;
    margin-top: 2px;
    color: #52525b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

#modernpanel .wp-news-page .wp-news-row__more:hover {
    color: var(--wp-ink) !important;
    text-decoration: underline !important;
}

#modernpanel .wp-news-page .wp-news-pagination,
#modernpanel .wp-news-page .listeleme .pagination,
#modernpanel .wp-news-page .listeleme > .clear,
#modernpanel .wp-news-page .listeleme > h4.wp-news-empty {
    grid-column: auto;
    width: 100%;
    margin: 0;
    padding: 14px 20px 16px;
    border-top: 1px solid var(--wp-line);
}

#modernpanel .wp-news-page .listeleme > h4.wp-news-empty {
    border-top: 0;
    color: var(--wp-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#modernpanel .wp-news-page .wp-news-row img,
#modernpanel .wp-news-page .listeleme .list > a > img {
    display: none !important;
}

/* Articles / other listeleme pages keep card grid */
#modernpanel .listeleme:not(.wp-news-listing),
body#modernpanel .listeleme:not(.wp-news-listing) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-content: start;
}

#modernpanel .listeleme:not(.wp-news-listing) > .list,
body#modernpanel .listeleme:not(.wp-news-listing) > .list {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid var(--wp-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

#modernpanel .listeleme:not(.wp-news-listing) .list:hover,
#modernpanel .listeleme:not(.wp-news-listing) .list:hover {
    box-shadow: none !important;
    border-color: var(--wp-line-strong) !important;
}

#modernpanel .listeleme:not(.wp-news-listing) .list > a img,
#modernpanel .listeleme:not(.wp-news-listing) .list > a img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

#modernpanel .listeleme:not(.wp-news-listing) .list .padding15,
#modernpanel .listeleme:not(.wp-news-listing) .list .padding15 {
    padding: 12px 14px 14px !important;
}

#modernpanel .listeleme:not(.wp-news-listing) .listbaslik,
#modernpanel .listeleme:not(.wp-news-listing) > h2,
#modernpanel .listeleme:not(.wp-news-listing) > h4,
#modernpanel .listeleme:not(.wp-news-listing) .pagination,
#modernpanel .listeleme:not(.wp-news-listing) > .clear {
    grid-column: 1 / -1;
}

#modernpanel .listeleme:not(.wp-news-listing) .list h4,
#modernpanel .listeleme:not(.wp-news-listing) .list h4 a {
    color: var(--wp-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

#modernpanel .listeleme:not(.wp-news-listing) .list p {
    color: var(--wp-muted) !important;
    font-size: 12px !important;
}

#modernpanel .listeleme:not(.wp-news-listing) .list img {
    height: auto !important;
    max-height: 160px;
    object-fit: cover;
    border-radius: 6px;
}

@media (max-width: 700px) {
    #modernpanel .wp-news-page .listeleme > .wp-news-row.list {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    #modernpanel .wp-news-page .wp-news-row__more {
        align-self: start;
    }
}

/* Product cards — kill teal/green, WeProxy neutrals */
#modernpanel .tablopaketler {
    float: none !important;
    width: 100% !important;
    margin: 8px 0 20px !important;
    padding: 8px 0 12px !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-align: left !important;
}

#modernpanel .tablepaket {
    display: inline-flex !important;
    flex-direction: column;
    align-items: stretch;
    vertical-align: top;
    float: none !important;
    width: calc(33.333% - 16px) !important;
    min-width: 200px;
    max-width: 320px;
    margin: 8px !important;
    padding: 18px 16px 16px !important;
    color: var(--wp-ink) !important;
    background: var(--wp-surface) !important;
    border: 1px solid var(--wp-line) !important;
    border-radius: var(--wp-radius) !important;
    box-shadow: var(--wp-shadow) !important;
    box-sizing: border-box;
    text-align: left !important;
    transition: border-color .15s ease, transform .15s ease;
}

#modernpanel .tablepaket:hover {
    border-color: var(--wp-line-strong) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .07) !important;
    transform: translateY(-1px);
}

#modernpanel .tablepaket.active {
    margin-top: 8px !important;
    padding: 18px 16px 16px !important;
    border: 2px solid var(--wp-black) !important;
    overflow: visible !important;
}

#modernpanel .tablepaket .tpakettitle,
#modernpanel .tablepaket .pakettitle,
#modernpanel .tpakettitle {
    color: var(--wp-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -.02em;
}

#modernpanel .tablepaket h4,
#modernpanel .tablepaket h3,
#modernpanel .tablepaket h3 .amount_spot_view,
#modernpanel .tablepaket .currposleft,
#modernpanel .tablepaket .currposright {
    color: var(--wp-ink) !important;
}

#modernpanel .tablepaket h4 {
    font-size: 12px !important;
    font-weight: 520 !important;
    color: var(--wp-muted) !important;
    line-height: 1.35 !important;
}

#modernpanel .tablepaket h3 {
    margin: 4px 0 8px !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: -.04em;
}

#modernpanel .tablepaket .paketline,
#modernpanel .paketline {
    background: var(--wp-line) !important;
    height: 1px !important;
    margin: 10px 0 !important;
    border: none !important;
}

#modernpanel .tablepaket span,
#modernpanel .tablepaket .products_features {
    color: #3f3f46 !important;
    font-size: 12px !important;
}

#modernpanel .tablepaket .gonderbtn,
#modernpanel .tablopaketler .gonderbtn,
#modernpanel #genelpaketler .tablepaket .gonderbtn,
#modernpanel #digerpaketler .tablepaket .gonderbtn,
#modernpanel #smspaketleri .tablepaket .gonderbtn,
#modernpanel #sslpaketleri .tablepaket .gonderbtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-width: 44%;
    margin: 10px 0 0 !important;
    padding: 10px 16px !important;
    color: #fafafa !important;
    background: var(--wp-black) !important;
    border: 1px solid var(--wp-black) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

#modernpanel .tablepaket .gonderbtn:hover,
#modernpanel .tablopaketler .gonderbtn:hover,
#modernpanel .tablepaket.active .gonderbtn {
    color: #fafafa !important;
    background: #27272a !important;
    border-color: #27272a !important;
}

#modernpanel .tablepaket .gonderbtn i {
    display: inline-block !important;
    margin-right: 0 !important;
}

/* Category pages already have .sayfabaslik h1 — hide duplicate content title */
#modernpanel .modernclient-rightcon .pakettitle > h1 {
    display: none !important;
}

#modernpanel .modernclient-rightcon .pakettitle > h2:empty {
    display: none !important;
}

#modernpanel .modernclient-rightcon .pakettitle {
    float: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: left !important;
    min-height: 0 !important;
}

#modernpanel .wp-catalog-intro {
    margin: 0 0 18px !important;
}

#modernpanel .wp-catalog-intro h2 {
    margin: 0 !important;
    color: var(--wp-muted, #71717a) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

#modernpanel .wp-catalog-subhead {
    margin: 28px 0 14px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
}

/* Category picker — card grid (replaces black pill buttons) */
#modernpanel .categoriesproduct,
#modernpanel .categoriesproduct.wp-cat-grid,
body#modernpanel .categoriesproduct {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    text-align: left !important;
}

#modernpanel .categoriesproduct a,
#modernpanel .categoriesproduct a.lbtn,
#modernpanel .categoriesproduct a.wp-cat-card,
#modernpanel .categoriesproduct a:before,
body#modernpanel .categoriesproduct a:before {
    float: none !important;
    transform: none !important;
    box-shadow: none !important;
    content: none !important;
}

#modernpanel .categoriesproduct a,
#modernpanel .categoriesproduct a.lbtn,
#modernpanel .categoriesproduct a.wp-cat-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid var(--wp-line, #e4e4e7) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
}

#modernpanel .categoriesproduct a:hover,
#modernpanel .categoriesproduct a.lbtn:hover,
#modernpanel .categoriesproduct a.wp-cat-card:hover {
    color: var(--wp-ink, #111) !important;
    background: var(--wp-surface-subtle, #fafafa) !important;
    border-color: var(--wp-line-strong, #d4d4d8) !important;
}

#modernpanel .categoriesproduct a#category-button-active,
#modernpanel #category-button-active {
    color: var(--wp-ink, #111) !important;
    background: #fff !important;
    border-color: #09090b !important;
    box-shadow: 0 0 0 1px #09090b !important;
}

#modernpanel .wp-cat-card__icon {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    color: #fafafa !important;
    background: #09090b !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

#modernpanel .wp-cat-card__icon i {
    float: none !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

#modernpanel .wp-cat-card__icon img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    object-fit: contain !important;
}

#modernpanel .wp-cat-card__body {
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 3px !important;
    min-width: 0 !important;
}

#modernpanel .wp-cat-card__body strong {
    overflow: hidden !important;
    color: var(--wp-ink, #111) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#modernpanel .wp-cat-card__body small {
    color: var(--wp-muted, #71717a) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

#modernpanel .wp-cat-card__arrow {
    flex: 0 0 auto !important;
    color: #a1a1aa !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

#modernpanel .categoriesproduct a:hover .wp-cat-card__arrow {
    color: #09090b !important;
}

@media (max-width: 700px) {
    #modernpanel .categoriesproduct,
    #modernpanel .categoriesproduct.wp-cat-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Minimal popular chip — replaces huge diagonal .tablepopular ribbon */
#modernpanel .tablepaket {
    position: relative !important;
    overflow: visible !important;
}

#modernpanel .tablepopular {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 2;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 2px 7px !important;
    color: #fafafa !important;
    background: var(--wp-black) !important;
    border: 1px solid var(--wp-black) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: .06em;
    line-height: 1.35 !important;
    text-transform: uppercase;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    pointer-events: none;
}

#modernpanel .tablepaket.active .tablepopular {
    background: #fff !important;
    color: var(--wp-black) !important;
    border-color: var(--wp-line-strong) !important;
}

#modernpanel .ribbon,
#modernpanel .ribbon2 {
    width: 56px !important;
    height: 56px !important;
}

#modernpanel .ribbon span,
#modernpanel .ribbon div,
#modernpanel .ribbon2 span {
    width: 78px !important;
    top: 12px !important;
    font-size: 8px !important;
    line-height: 16px !important;
    letter-spacing: .06em;
    background: var(--wp-black) !important;
    box-shadow: none !important;
}

#modernpanel .ribbon span::before,
#modernpanel .ribbon span::after,
#modernpanel .ribbon div::before,
#modernpanel .ribbon div::after,
#modernpanel .ribbon2 span::before,
#modernpanel .ribbon2 span::after {
    border-left-color: var(--wp-black) !important;
    border-right-color: var(--wp-black) !important;
    border-top-color: var(--wp-black) !important;
}

#modernpanel .paypasbutonlar {
    margin-bottom: 12px;
}

#modernpanel .bbbaslik {
    color: var(--wp-ink) !important;
    font-weight: 500 !important;
}

@media (max-width: 900px) {
    #modernpanel .modernclient-rightcon #wrapper {
        flex-direction: column;
    }

    #modernpanel .modernclient-rightcon #wrapper:has(> .listeleme):has(> .sidebar) {
        grid-template-columns: 1fr !important;
    }

    #modernpanel .modernclient-rightcon #wrapper > .sidebar {
        flex: 1 1 auto;
        max-width: 100%;
        width: 100% !important;
        order: 3;
    }

    #modernpanel .listeleme:not(.wp-news-listing),
    body#modernpanel .listeleme:not(.wp-news-listing) {
        grid-template-columns: 1fr !important;
    }

    #modernpanel .tablepaket {
        width: 100% !important;
        max-width: none;
        margin: 8px 0 !important;
    }

    #modernpanel .sayfacontent,
    #modernpanel .listeleme {
        padding: 14px 14px !important;
    }
}

/* —— Checkout: sipariş / sepet / ödeme —— */
.sepetbaslik,
#modernpanel .sepetbaslik,
.cart-payment .sepetbaslik,
#cart-payment .sepetbaslik {
    background: #09090b !important;
    color: #fafafa !important;
    border: none !important;
    box-shadow: none !important;
}

.sepetbaslik .uhinfo,
.sepetbaslik div,
#modernpanel .sepetbaslik .uhinfo,
#modernpanel .sepetbaslik div {
    color: #fafafa !important;
}

/* Active order/cart step: black circle only (same geometry as inactive), label below */
#asamaaktif {
    background: transparent !important;
    border: none !important;
    color: #09090b !important;
    font-weight: 600 !important;
}

#asamaaktif h3,
.ilanasamax#asamaaktif h3,
#modernpanel #asamaaktif h3 {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    border-radius: 100% !important;
    color: #fafafa !important;
    background: #09090b !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-bottom: 7px !important;
    padding: 0 !important;
}

.ilanasamax h3,
#modernpanel .ilanasamax h3 {
    border-radius: 100% !important;
    border-color: #d4d4d8 !important;
}

@media only screen and (max-width: 768px) {
    #asamaaktif h3,
    .ilanasamax#asamaaktif h3,
    #modernpanel #asamaaktif h3 {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 20px !important;
    }
}

.orderperiodblock,
#modernpanel .orderperiodblock {
    background: #fafafa !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.orderperiodblock.active,
#modernpanel .orderperiodblock.active {
    border-color: #09090b !important;
    box-shadow: 0 0 0 1px #09090b !important;
}

.orderperiodblock h3,
.orderperiodblock.active h3,
#modernpanel .orderperiodblock h3 {
    color: #111 !important;
}

.periodselectbox,
.active .periodselectbox,
#modernpanel .periodselectbox,
#modernpanel .active .periodselectbox {
    border-color: #09090b !important;
    background: #09090b !important;
    color: #fff !important;
}

.ribbonperiod span,
#modernpanel .ribbonperiod span {
    background: #09090b !important;
}

.siparisbilgileri .btn,
.siparisbilgileri a.btn,
#modernpanel .siparisbilgileri .btn,
#modernpanel .siparisbilgileri a.btn {
    color: #fafafa !important;
    background: #09090b !important;
    border: 1px solid #09090b !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

.siparisbilgileri .btn:hover,
.siparisbilgileri a.btn:hover {
    background: #27272a !important;
    border-color: #27272a !important;
}

.sepetright .gonderbtn,
#pay_button.gonderbtn,
.faturabilgisi .yesilbtn,
.faturabilgisi .gonderbtn,
a.green.lbtn,
.green.lbtn,
#modernpanel .sepetright .gonderbtn,
#modernpanel #pay_button.gonderbtn,
#modernpanel a.green.lbtn {
    color: #fafafa !important;
    background: #09090b !important;
    border: 1px solid #09090b !important;
    border-radius: 7px !important;
}

.sepetsipinfo .totalamountinfo h5,
#modernpanel .sepetsipinfo .totalamountinfo h5 {
    color: #09090b !important;
}

.green-label,
#modernpanel .green-label {
    background: #09090b !important;
}

.faturabilgisi #address_list,
.faturabilgisi select,
.sepet select,
.sepetright select,
#modernpanel .faturabilgisi #address_list,
#modernpanel .faturabilgisi select,
#modernpanel .sepet select {
    min-height: 42px !important;
    padding: 8px 12px !important;
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.faturabilgisi,
.sepetleft,
.sepetright,
#modernpanel .faturabilgisi {
    border-radius: 10px;
}

/* Payment contract checkboxes (guest + panel) */
.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1.5px solid #d4d4d8 !important;
    background: #fff !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.checkbox-custom:checked + .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

/* —— Knowledge base (bilgi bankası) —— */
#wrapper.wp-kb,
#modernpanel #wrapper.wp-kb {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 920px;
    margin: 0 auto 40px !important;
    padding: 0 16px;
    box-sizing: border-box;
}

#wrapper.wp-kb > .sidebar,
#modernpanel #wrapper.wp-kb > .sidebar {
    display: none !important;
}

#wrapper.wp-kb > .sayfacontent,
#wrapper.wp-kb > .wp-kb-content,
#modernpanel #wrapper.wp-kb > .sayfacontent {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#wrapper.wp-kb .wp-kb-inner {
    padding: 8px 0 24px !important;
}

#wrapper.wp-kb .wp-kb-eyebrow {
    display: block;
    margin: 0 0 8px;
    color: var(--wp-muted, #71717a);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#wrapper.wp-kb .wp-kb-hero {
    margin: 0 0 28px;
    padding: 0;
    text-align: left !important;
}

#wrapper.wp-kb .wp-kb-hero h3 {
    margin: 0 0 8px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    letter-spacing: -.03em;
    line-height: 1.2;
}

#wrapper.wp-kb .wp-kb-hero h4 {
    margin: 0 0 18px !important;
    color: var(--wp-muted, #71717a) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5;
}

#wrapper.wp-kb .wp-kb-search {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    margin: 0;
}

#wrapper.wp-kb .wp-kb-search input[type="text"],
#wrapper.wp-kb .wp-kb-search input:not([type]) {
    flex: 1 1 220px;
    width: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 14px !important;
    color: var(--wp-ink, #111) !important;
    background: var(--wp-surface, #f4f4f5) !important;
    border: 1px solid var(--wp-line-strong, #d4d4d8) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#wrapper.wp-kb .wp-kb-search .lbtn,
#wrapper.wp-kb .wp-kb-search button.lbtn {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 18px !important;
    color: #fafafa !important;
    background: #09090b !important;
    border: 1px solid #09090b !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer;
}

#wrapper.wp-kb .wp-kb-section-head {
    margin: 0 0 16px;
}

#wrapper.wp-kb .wp-kb-section-head h4,
#wrapper.wp-kb .wp-kb-section-head .bbbaslik {
    margin: 0 0 6px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
}

#wrapper.wp-kb .wp-kb-section-head h4 strong,
#wrapper.wp-kb .wp-kb-detail-title strong {
    color: var(--wp-ink, #111) !important;
}

#wrapper.wp-kb .wp-kb-section-head p {
    margin: 0;
    color: var(--wp-muted, #71717a);
    font-size: 14px;
    line-height: 1.45;
}

#wrapper.wp-kb .wp-kb-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 28px;
}

#wrapper.wp-kb .wp-kb-categories--sub {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 20px;
}

#wrapper.wp-kb .wp-kb-cat {
    display: flex !important;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 18px 16px;
    color: inherit !important;
    text-decoration: none !important;
    background: var(--wp-surface, #f4f4f5);
    border: 1px solid var(--wp-line, #e4e4e7);
    border-radius: 12px;
    box-shadow: var(--wp-shadow, 0 16px 45px rgba(15, 23, 42, .045));
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

#wrapper.wp-kb .wp-kb-cat:hover {
    border-color: #a1a1aa;
    background: #fff;
    transform: translateY(-1px);
}

#wrapper.wp-kb .wp-kb-cat__icon {
    display: grid;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #3f3f46;
    background: #ececed;
    border: 1px solid var(--wp-line, #e4e4e7);
    border-radius: 10px;
    font-size: 18px;
}

#wrapper.wp-kb .wp-kb-cat__body {
    display: grid;
    flex: 1 1 auto;
    gap: 4px;
    min-width: 0;
}

#wrapper.wp-kb .wp-kb-cat__body strong {
    color: var(--wp-ink, #111) !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.25;
}

#wrapper.wp-kb .wp-kb-cat__meta {
    color: var(--wp-muted, #71717a);
    font-size: 12px;
}

#wrapper.wp-kb .wp-kb-cat__desc {
    color: #52525b;
    font-size: 12px;
    line-height: 1.4;
}

#wrapper.wp-kb .wp-kb-cat__arrow {
    flex: 0 0 auto;
    color: #a1a1aa;
    font-size: 16px;
}

#wrapper.wp-kb .wp-kb-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
}

#wrapper.wp-kb .wp-kb-back {
    color: #52525b !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
}

#wrapper.wp-kb .wp-kb-back:hover {
    color: #111 !important;
}

#wrapper.wp-kb .wp-kb-search--compact {
    flex: 1 1 240px;
    max-width: 420px;
    margin-left: auto;
}

#wrapper.wp-kb .wp-kb-articles {
    display: grid;
    gap: 8px;
    margin: 0 0 20px;
}

#wrapper.wp-kb .wp-kb-article {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 14px 16px;
    color: inherit !important;
    text-decoration: none !important;
    background: var(--wp-surface, #f4f4f5);
    border: 1px solid var(--wp-line, #e4e4e7);
    border-radius: 10px;
    transition: border-color .15s ease, background .15s ease;
}

#wrapper.wp-kb .wp-kb-article:hover {
    border-color: #a1a1aa;
    background: #fff;
}

#wrapper.wp-kb .wp-kb-article__title {
    color: var(--wp-ink, #111) !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.35;
}

#wrapper.wp-kb .wp-kb-article__meta {
    color: var(--wp-muted, #71717a);
    font-size: 12px;
    white-space: nowrap;
}

#wrapper.wp-kb .wp-kb-empty,
#wrapper.wp-kb .error.wp-kb-empty {
    margin: 12px 0;
    color: #52525b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#wrapper.wp-kb .wp-kb-category-content {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--wp-line, #e4e4e7);
    color: #3f3f46;
    font-size: 14px;
    line-height: 1.6;
}

#wrapper.wp-kb.wp-kb-detail .wp-kb-detail-title {
    margin: 0 0 16px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: -.03em;
    line-height: 1.25;
}

#wrapper.wp-kb .wp-kb-detail-body {
    color: #3f3f46;
    font-size: 15px;
    line-height: 1.65;
}

#wrapper.wp-kb .wp-kb-openticket {
    margin: 28px 0 0 !important;
    padding: 22px !important;
    text-align: left !important;
    width: 100% !important;
    border: 1px solid var(--wp-line, #e4e4e7) !important;
    border-radius: 12px !important;
    background: var(--wp-surface, #f4f4f5);
}

#wrapper.wp-kb .wp-kb-openticket h4 {
    margin: 0 0 6px !important;
    color: var(--wp-ink, #111) !important;
    font-size: 16px !important;
}

#wrapper.wp-kb .wp-kb-openticket p {
    margin: 0 0 14px;
    color: var(--wp-muted, #71717a);
    font-size: 14px;
}

#wrapper.wp-kb .wp-kb-vote {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid var(--wp-line, #e4e4e7);
}

#wrapper.wp-kb .wp-kb-vote__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

#wrapper.wp-kb .wp-kb-vote__row h5 {
    margin: 0;
    color: var(--wp-ink, #111) !important;
    font-size: 14px;
}

#wrapper.wp-kb .wp-kb-vote__actions {
    display: flex;
    gap: 8px;
}

@media (max-width: 900px) {
    #wrapper.wp-kb .wp-kb-categories {
        grid-template-columns: 1fr;
    }

    #wrapper.wp-kb .wp-kb-categories--sub {
        grid-template-columns: 1fr;
    }
}

/* —— Checkout register / GSM (basket-account) —— */
#form_register_content tr.kind-content[style*="display:none"],
#form_register_content tr.kind-content[style*="display: none"] {
    display: none !important;
}

#form_register_content table {
    border-collapse: separate !important;
    border-spacing: 0 10px;
}

#form_register_content table td {
    vertical-align: middle !important;
    padding: 6px 0 !important;
    color: var(--wp-ink, #111) !important;
    font-size: 13px !important;
    border: 0 !important;
}

#form_register_content table td[style*="border-bottom"] {
    padding-top: 14px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--wp-line, #e4e4e7) !important;
}

#form_register_content table td h5 {
    margin: 0 !important;
    color: var(--wp-ink, #111) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#form_register_content input[type="text"],
#form_register_content input[type="email"],
#form_register_content input[type="password"],
#form_register_content input[type="tel"],
#form_register_content select,
#form_register_content textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    color: var(--wp-ink, #111) !important;
    background: var(--wp-surface, #f4f4f5) !important;
    border: 1px solid var(--wp-line-strong, #d4d4d8) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#form_register_content .yuzde50 {
    display: inline-block;
    width: calc(50% - 6px) !important;
    margin: 0 !important;
    vertical-align: top;
}

#form_register_content .yuzde50 + .yuzde50 {
    margin-left: 8px !important;
}

/* intlTelInput — flag/dial code must not cover typed digits */
.iti,
#form_register_content .iti,
#modernpanel .iti,
.faturabilgisi .iti {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"],
#form_register_content .iti input,
#form_register_content input#gsm,
#modernpanel .iti input#gsm,
#modernpanel .iti input#gsm2,
.faturabilgisi .iti input,
.faturabilgisi input#gsm2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 108px !important;
    padding-right: 12px !important;
}

.iti--separate-dial-code input,
#form_register_content .iti--separate-dial-code input,
#modernpanel .iti--separate-dial-code input,
.faturabilgisi .iti--separate-dial-code input {
    padding-left: 118px !important;
}

.iti__flag-container,
#form_register_content .iti__flag-container,
#modernpanel .iti__flag-container,
.faturabilgisi .iti__flag-container {
    z-index: 3 !important;
}

.iti__selected-flag,
#form_register_content .iti__selected-flag,
#modernpanel .iti__selected-flag,
.faturabilgisi .iti__selected-flag {
    padding: 0 10px 0 12px !important;
}

.iti--separate-dial-code .iti__selected-dial-code,
#form_register_content .iti--separate-dial-code .iti__selected-dial-code,
#modernpanel .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px !important;
    color: #52525b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.iti__country-list {
    z-index: 50 !important;
    border: 1px solid var(--wp-line, #e4e4e7) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .12) !important;
}

#form_register_content .wp-password-field {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
}

#form_register_content .wp-password-wrap {
    position: relative;
    flex: 1 1 220px;
    min-width: 0;
}

#form_register_content .wp-password-wrap input[type="password"],
#form_register_content .wp-password-wrap input[type="text"],
#form_register_content .wp-password-field .wp-password-wrap input {
    width: 100% !important;
    padding-right: 44px !important;
}

#form_register_content .wp-password-toggle {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    color: #71717a !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    cursor: pointer;
    transform: translateY(-50%);
}

#form_register_content .wp-password-toggle:hover {
    color: #111 !important;
    background: rgba(0, 0, 0, .04) !important;
}

#form_register_content .wp-password-toggle i {
    font-size: 14px;
    line-height: 1;
}

#form_register_content .wp-gen-password {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    margin: 0;
    padding: 0 12px;
    color: #111 !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    background: #fff !important;
    border: 1px solid var(--wp-line-strong, #d4d4d8) !important;
    border-radius: 8px !important;
    cursor: pointer;
    box-shadow: none !important;
    white-space: nowrap;
}

#form_register_content .wp-gen-password:hover {
    background: #f4f4f5 !important;
    border-color: #a1a1aa !important;
}

#form_register_content .wp-gen-password i {
    font-size: 12px;
}