/* Shared visibility and keyboard behavior. */
#dmGuestDrawer[hidden], #dmGuestBackdrop[hidden], #appDrawerNav[hidden], #appDrawerBackdrop[hidden], .dm-acc-a[hidden] { display: none !important; }
.dm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body .dm-btn-primary, body a.dm-btn-primary, body .dm-cta-pill, body a.dm-cta-pill, body .dm-drawer-btn-primary { background: var(--dm-primary, #d7193f) !important; color: #fff !important; box-shadow: none; }
body .dm-btn-primary:hover, body .dm-cta-pill:hover, body .dm-drawer-btn-primary:hover { background: var(--dm-primary-hover, #b91435) !important; }
body :where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--dm-primary, #d7193f); outline-offset: 3px; }
html[data-theme="dark"] body :where(a, button, input, select, textarea, summary):focus-visible { outline-color: #ff89a3; }
.dm-cycle-opt:focus-within { outline: 3px solid var(--dm-primary, #d7193f); outline-offset: 3px; }
.contact-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: var(--dm-text, inherit); }
/* Quiet controls: keep a usable touch target without heavy type or pill shapes. */
body :is(.dm-btn, .dm-btn-neutral, .dm-cta-pill, .dm-drawer-btn-primary, .dm-drawer-btn-secondary),
body.dm-subpage .contact-form .button,
body.auth-app :is(.auth-btn, .auth-social-btn) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    height: auto;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0;
    box-shadow: none !important;
    text-align: center;
}
body .dm-hero-actions .dm-btn-neutral {
    background: transparent;
    color: var(--dm-text) !important;
    border: 1px solid var(--dm-border);
}
body .dm-hero-actions { gap: 10px; }
body .dm-section-head h2 { font-weight: 600; line-height: 1.25; }
body .dm-acc-q { font-weight: 500; }
body.dm-subpage #titlebar h1, body.dm-subpage #titlebar h2 { font-weight: 600 !important; line-height: 1.25; }
body.auth-app .auth-welcome { min-height: 0; }
body.auth-app .auth-btn { background-image: none; }
@media(max-width: 767px) {
    body.dm-landing .dm-hero { padding-top: 28px; }
    body.dm-landing .dm-hero-inner { gap: 16px; }
    body.dm-landing .dm-hero h1 { font-size: clamp(28px, 8vw, 34px); font-weight: 600; line-height: 1.18; letter-spacing: -.7px; }
    body.dm-landing .dm-hero-sub { font-size: 15px; line-height: 1.65; }
    body.dm-landing .dm-hero-chips { gap: 8px; }
    body.dm-landing .dm-hero-actions { margin-top: 4px; }
    body.dm-landing .dm-hero-actions :is(.dm-cta-pill, .dm-btn-neutral) { min-height: 44px; }
    body.dm-landing .dm-glow-panel { margin-top: 32px; padding: 24px 20px; box-shadow: none; }
    body.dm-landing .dm-section { padding-top: 40px; }
    body.dm-landing .dm-section-head { margin-bottom: 20px; gap: 12px; }
    body.dm-landing .dm-section-head h2 { font-size: 26px; margin-bottom: 6px; letter-spacing: -.5px; }
    body.dm-landing .dm-section-head p { font-size: 15px; }
    body.dm-landing .dm-cta-band { padding: 28px 20px; }
    body.dm-landing .dm-cta-band h2 { font-size: 27px; line-height: 1.25; font-weight: 600; }
    body.dm-subpage #titlebar,
    body.dm-subpage #titlebar.white,
    body.dm-subpage #titlebar.gradient { padding: 24px 0 20px !important; }
    body.dm-subpage #titlebar h1, body.dm-subpage #titlebar h2 { font-size: 27px !important; }
    body.dm-subpage .dm-titlebar-row { gap: 12px; }
    body.dm-subpage .dm-acc { margin-top: 24px; gap: 10px; }
    body.dm-subpage .dm-acc-q { padding: 14px 16px; min-height: 44px; }
    body.dm-subpage .dm-acc-a-inner { padding-inline: 16px; }
    body.dm-subpage .contactUs > h2 { margin-bottom: 8px !important; font-size: 22px; }
    body.dm-subpage .html-pages { padding: 22px 18px; }
    body.dm-subpage .html-pages :is(h2, h3):first-child { margin-top: 0; }
}
@media(prefers-reduced-motion: reduce) {
    .dm-guest-drawer, .dm-guest-backdrop, .dm-acc-a, .dm-acc-chev { transition: none !important; }
}

/* Sign in with Apple button in the classic login popup ---------------- */
.social-login-buttons .apple-login { border-color: #000; color: #000; }
.social-login-buttons .apple-login:hover { background-color: #000; color: #fff; }
/* Gece modunda siyah yazı koyu pencerede kayboluyordu: beyaz çerçeve + beyaz yazı */
html[data-theme="dark"] .social-login-buttons .apple-login { border-color: #F2F2F5; color: #F2F2F5; background-color: transparent; }
html[data-theme="dark"] .social-login-buttons .apple-login:hover { background-color: #F2F2F5; color: #131316; }

/* dm-bildirim v2: zil durumları ------------------------------------------
   açık = çalan zil (marka rengi dolgu, site.css), kapalı = üstü çizili zil,
   engelli / iPhone sekmesi = soluk zil + turuncu uyarı noktası. */
.dm-push-bell { position: relative; }
.dm-push-bell .dm-bell-icon { display: block; flex: 0 0 auto; }
.dm-push-bell .dm-bell-on { display: none; }
.dm-push-bell.is-on .dm-bell-on { display: block; }
.dm-push-bell.is-on .dm-bell-off { display: none; }
.dm-push-bell .dm-bell-dot {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D97706;
    box-shadow: 0 0 0 2px var(--dm-surface, #fff);
    display: none;
    pointer-events: none;
}
.dm-push-bell.is-blocked .dm-bell-dot { display: block; }
.dm-push-bell.is-blocked { color: var(--dm-text-faint, #6B7079); }
@media (prefers-reduced-motion: no-preference) {
    .dm-push-bell.dm-ring .dm-bell-on {
        animation: dm-bell-ring .65s ease-out 1;
        transform-origin: 50% 3px;
    }
}
@keyframes dm-bell-ring {
    0% { transform: rotate(0); }
    20% { transform: rotate(16deg); }
    40% { transform: rotate(-12deg); }
    60% { transform: rotate(7deg); }
    80% { transform: rotate(-3deg); }
    100% { transform: rotate(0); }
}
/* Desteklenmeyen tarayıcı: .dm-theme-btn'in display:inline-flex!important'ı
   `hidden`ı eziyor, zil görünür ama ölü kalıyordu. */
body .dm-theme-btn.dm-push-bell[hidden],
body.app-modern .dm-theme-btn.dm-push-bell[hidden] { display: none !important; }

/* ==========================================================================
   dm-widget-tema (2026-09-23): iletişim penceresi temaya uyar. widget.css her
   temada koyu (#0f0f0f) açıyordu; açık modda fildişi/beyaz yüzey. widget/
   dosyalarına dokunulmaz; özgüllük (html:not(...) + sınıf) widget kurallarını aşar.
   ========================================================================== */
html:not([data-theme="dark"]) .dl-widget-panel {
    background: #FFFFFF;
    box-shadow: 0 16px 44px rgba(60, 40, 20, .18), 0 0 0 1px rgba(60, 40, 20, .08);
}
html:not([data-theme="dark"]) .dl-widget-panel-body { background: #FFFFFF; }
html:not([data-theme="dark"]) .dl-widget-menu-item {
    background: #FBF8F4;
    border-color: #E7DED2;
    color: #1E1A17;
}
html:not([data-theme="dark"]) .dl-widget-menu-icon { background: #FFFFFF; box-shadow: 0 1px 3px rgba(60, 40, 20, .12); }
html:not([data-theme="dark"]) .dl-widget-menu-title { color: #1E1A17; }
html:not([data-theme="dark"]) .dl-widget-menu-subtitle { color: #5F5851; }
html:not([data-theme="dark"]) .dl-widget-menu-arrow svg,
html:not([data-theme="dark"]) .dl-widget-menu-item:hover .dl-widget-menu-arrow svg { fill: #5F5851; }
html .dl-widget-menu-item:hover {
    border-color: #25D366;
    box-shadow: 0 4px 12px rgba(37, 211, 102, .22);
}
html:not([data-theme="dark"]) .dl-widget-menu-item:hover { background: #F3EDE4; }