/* ProTech Dark Mode - Dynamic Theme Layer */

/* ===================================
   THEME TOKENS
   =================================== */

:root {
    --ptdm-transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html[data-theme="dark"] {
    color-scheme: dark;

    --ptdm-bg: #0b1120;
    --ptdm-bg-soft: #0f172a;
    --ptdm-surface: #111827;
    --ptdm-surface-alt: #1f2937;
    --ptdm-surface-hover: #263244;

    --ptdm-text: #e5e7eb;
    --ptdm-text-muted: #9ca3af;
    --ptdm-heading: #f8fafc;

    --ptdm-border: #263244;
    --ptdm-border-soft: rgba(148, 163, 184, 0.18);

    --ptdm-primary: #38bdf8;
    --ptdm-primary-hover: #7dd3fc;
    --ptdm-primary-soft: rgba(56, 189, 248, 0.14);

    --ptdm-success: #22c55e;
    --ptdm-warning: #f59e0b;
    --ptdm-danger: #ef4444;

    --ptdm-shadow: 0 14px 36px rgba(0, 0, 0, 0.32);
}

/* ===================================
   BASE
   =================================== */

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: var(--ptdm-bg) !important;
    color: var(--ptdm-text) !important;
}

html[data-theme="dark"] body {
    transition: var(--ptdm-transition);
}

html[data-theme="dark"] main,
html[data-theme="dark"] #main,
html[data-theme="dark"] .site-main,
html[data-theme="dark"] #content,
html[data-theme="dark"] .ct-container-full,
html[data-theme="dark"] .ct-container,
html[data-theme="dark"] .content-area {
    background-color: transparent !important;
    color: var(--ptdm-text) !important;
}

/* ===================================
   TYPOGRAPHY
   =================================== */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .entry-title,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .site-title {
    color: var(--ptdm-heading) !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] label,
html[data-theme="dark"] span:not(.dashicons):not([class*="icon"]):not([class*="Icon"]) {
    color: inherit;
}

html[data-theme="dark"] small,
html[data-theme="dark"] .description,
html[data-theme="dark"] .entry-meta,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .ct-meta-element,
html[data-theme="dark"] .wp-caption-text {
    color: var(--ptdm-text-muted) !important;
}

/* ===================================
   LINKS
   =================================== */

html[data-theme="dark"] a {
    color: var(--ptdm-primary) !important;
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
    color: var(--ptdm-primary-hover) !important;
}

/* ===================================
   HEADER
   =================================== */

html[data-theme="dark"] #header,
html[data-theme="dark"] header,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .ct-header,
html[data-theme="dark"] [data-id="type-1"] {
    background-color: var(--ptdm-bg-soft) !important;
    background-image: none !important;
    color: var(--ptdm-text) !important;
    border-bottom-color: var(--ptdm-border-soft) !important;
}

html[data-theme="dark"] [data-row="top"],
html[data-theme="dark"] [data-row="middle"],
html[data-theme="dark"] [data-row="bottom"] {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-theme="dark"] .ct-header .ct-container,
html[data-theme="dark"] [data-device="desktop"],
html[data-theme="dark"] [data-device="mobile"],
html[data-theme="dark"] .site-branding,
html[data-theme="dark"] [data-id="logo"] {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-theme="dark"] .ct-header a,
html[data-theme="dark"] #header a,
html[data-theme="dark"] header a,
html[data-theme="dark"] [data-row] a {
    color: var(--ptdm-text) !important;
}

html[data-theme="dark"] .ct-header a:hover,
html[data-theme="dark"] #header a:hover,
html[data-theme="dark"] header a:hover {
    color: var(--ptdm-primary-hover) !important;
}

/* ===================================
   NAVIGATION / MENUS
   =================================== */

html[data-theme="dark"] nav,
html[data-theme="dark"] .menu,
html[data-theme="dark"] .sub-menu,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] [data-items],
html[data-theme="dark"] .ct-panel,
html[data-theme="dark"] .mobile-menu {
    background-color: var(--ptdm-bg-soft) !important;
    color: var(--ptdm-text) !important;
}

html[data-theme="dark"] .sub-menu,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .ct-panel {
    border-color: var(--ptdm-border) !important;
    box-shadow: var(--ptdm-shadow);
}

/* ===================================
   SURFACES / CARDS
   =================================== */

html[data-theme="dark"] article,
html[data-theme="dark"] .post,
html[data-theme="dark"] .entry,
html[data-theme="dark"] .page,
html[data-theme="dark"] .card,
html[data-theme="dark"] .ct-card,
html[data-theme="dark"] .wp-block-group,
html[data-theme="dark"] .wp-block-columns,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] aside,
html[data-theme="dark"] .comments-area,
html[data-theme="dark"] .comment-body {
    background-color: var(--ptdm-surface) !important;
    color: var(--ptdm-text) !important;
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] article:hover,
html[data-theme="dark"] .post:hover,
html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .ct-card:hover {
    border-color: var(--ptdm-primary) !important;
}

/* ===================================
   CONTENT SECTIONS
   =================================== */

html[data-theme="dark"] main section,
html[data-theme="dark"] article section,
html[data-theme="dark"] .entry-content section {
    background-color: var(--ptdm-surface) !important;
    background-image: none !important;
    color: var(--ptdm-text) !important;
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] main section *,
html[data-theme="dark"] article section *,
html[data-theme="dark"] .entry-content section * {
    border-color: var(--ptdm-border-soft);
}

html[data-theme="dark"] .entry-content > *,
html[data-theme="dark"] .wp-block-post-content > * {
    color: var(--ptdm-text);
}

/* ===================================
   FORMS
   =================================== */

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .select2-selection,
html[data-theme="dark"] .wp-block-search__input {
    background-color: var(--ptdm-surface-alt) !important;
    color: var(--ptdm-text) !important;
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--ptdm-text-muted) !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: var(--ptdm-primary) !important;
    box-shadow: 0 0 0 3px var(--ptdm-primary-soft) !important;
    outline: none !important;
}

/* ===================================
   BUTTONS
   =================================== */

html[data-theme="dark"] button:not(#ptdm-toggle):not(.ct-toggle):not(.ct-header-search),
html[data-theme="dark"] .button,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .wp-block-button__link,
html[data-theme="dark"] input[type="button"],
html[data-theme="dark"] input[type="submit"],
html[data-theme="dark"] input[type="reset"] {
    background-color: var(--ptdm-primary) !important;
    color: #04111f !important;
    border-color: var(--ptdm-primary) !important;
}

html[data-theme="dark"] button:not(#ptdm-toggle):not(.ct-toggle):not(.ct-header-search):hover,
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .wp-block-button__link:hover,
html[data-theme="dark"] input[type="button"]:hover,
html[data-theme="dark"] input[type="submit"]:hover,
html[data-theme="dark"] input[type="reset"]:hover {
    background-color: var(--ptdm-primary-hover) !important;
    border-color: var(--ptdm-primary-hover) !important;
    color: #04111f !important;
}

/* ===================================
   TABLES
   =================================== */

html[data-theme="dark"] table,
html[data-theme="dark"] .wp-block-table {
    background-color: var(--ptdm-surface) !important;
    color: var(--ptdm-text) !important;
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] th {
    background-color: var(--ptdm-surface-alt) !important;
    color: var(--ptdm-heading) !important;
}

html[data-theme="dark"] td,
html[data-theme="dark"] th {
    border-color: var(--ptdm-border) !important;
}

/* ===================================
   CODE / PRE
   =================================== */

html[data-theme="dark"] code,
html[data-theme="dark"] pre,
html[data-theme="dark"] kbd {
    background-color: var(--ptdm-bg-soft) !important;
    color: var(--ptdm-heading) !important;
    border-color: var(--ptdm-border) !important;
}

/* ===================================
   FOOTER
   =================================== */

html[data-theme="dark"] footer,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .ct-footer {
    background-color: var(--ptdm-bg-soft) !important;
    color: var(--ptdm-text) !important;
    border-top-color: var(--ptdm-border-soft) !important;
}

html[data-theme="dark"] footer a,
html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .ct-footer a {
    color: var(--ptdm-primary) !important;
}

/* ===================================
   MEDIA
   =================================== */

html[data-theme="dark"] img:not(.custom-logo):not([class*="logo"]) {
    opacity: 0.96;
}

/* ===================================
   TOGGLE BUTTON
   =================================== */

#ptdm-toggle {
    position: fixed;
    z-index: 999999;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: var(--ptdm-primary, #38bdf8);
    color: #04111f;
    border: 1px solid rgba(255, 255, 255, 0.14);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

#ptdm-toggle:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

#ptdm-toggle {
    --ptdm-toggle-offset-x: 20px;
    --ptdm-toggle-offset-y: 20px;
}

#ptdm-toggle.ptdm-bottom-right {
    bottom: var(--ptdm-toggle-offset-y);
    right: var(--ptdm-toggle-offset-x);
}

#ptdm-toggle.ptdm-top-left {
    top: var(--ptdm-toggle-offset-y);
    left: var(--ptdm-toggle-offset-x);
}

#ptdm-toggle.ptdm-top-right {
    top: var(--ptdm-toggle-offset-y);
    right: var(--ptdm-toggle-offset-x);
}

#ptdm-toggle.ptdm-bottom-left {
    bottom: var(--ptdm-toggle-offset-y);
    left: var(--ptdm-toggle-offset-x);
}

#ptdm-toggle.ptdm-size-small { width: 40px; height: 40px; }
#ptdm-toggle.ptdm-size-medium { width: 50px; height: 50px; }
#ptdm-toggle.ptdm-size-large { width: 60px; height: 60px; }

#ptdm-toggle svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

#ptdm-toggle .ptdm-sun { display: block; }
#ptdm-toggle .ptdm-moon { display: none; }

html[data-theme="dark"] #ptdm-toggle .ptdm-sun { display: none; }
html[data-theme="dark"] #ptdm-toggle .ptdm-moon { display: block; }

/* ===================================
   EXCLUSIONS
   =================================== */

html[data-theme="dark"] .no-dark-mode,
html[data-theme="dark"] .no-dark-mode * {
    background-color: initial !important;
    color: initial !important;
    border-color: initial !important;
    box-shadow: initial !important;
    filter: none !important;
}

/* ProTech Dark Mode - content color fix + hover effects */

html[data-theme="dark"] .entry-content {
    color: var(--ptdm-text) !important;
}

/* Force unreadable inline text colors to readable text */
html[data-theme="dark"] .entry-content p,
html[data-theme="dark"] .entry-content div,
html[data-theme="dark"] .entry-content span,
html[data-theme="dark"] .entry-content li,
html[data-theme="dark"] .entry-content font,
html[data-theme="dark"] .entry-content center {
    color: var(--ptdm-text) !important;
}

/* Keep important semantic colors readable */
html[data-theme="dark"] .entry-content [style*="red"],
html[data-theme="dark"] .entry-content [style*="#ff0000"],
html[data-theme="dark"] .entry-content [style*="#f00"] {
    color: #ff6b6b !important;
}

html[data-theme="dark"] .entry-content [style*="orange"],
html[data-theme="dark"] .entry-content [style*="#ff6600"],
html[data-theme="dark"] .entry-content [style*="#f60"] {
    color: #fb923c !important;
}

html[data-theme="dark"] .entry-content [style*="green"],
html[data-theme="dark"] .entry-content [style*="#008000"],
html[data-theme="dark"] .entry-content [style*="#339966"] {
    color: #34d399 !important;
}

html[data-theme="dark"] .entry-content [style*="blue"],
html[data-theme="dark"] .entry-content [style*="#0000ff"],
html[data-theme="dark"] .entry-content [style*="#003366"],
html[data-theme="dark"] .entry-content [style*="#003399"],
html[data-theme="dark"] .entry-content [style*="#004080"],
html[data-theme="dark"] .entry-content [style*="#0b3d66"],
html[data-theme="dark"] .entry-content [style*="#143d66"],
html[data-theme="dark"] .entry-content [style*="#1e3a5f"] {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .entry-content [style*="magenta"],
html[data-theme="dark"] .entry-content [style*="#ff00ff"],
html[data-theme="dark"] .entry-content [style*="#f0f"] {
    color: #f472b6 !important;
}

/* General fallback for any inline color not matched above */
html[data-theme="dark"] .entry-content [style*="color"] {
    color: var(--ptdm-text) !important;
}

/* Re-apply semantic colors after fallback */
html[data-theme="dark"] .entry-content strong,
html[data-theme="dark"] .entry-content b,
html[data-theme="dark"] .entry-content h1,
html[data-theme="dark"] .entry-content h2,
html[data-theme="dark"] .entry-content h3,
html[data-theme="dark"] .entry-content h4 {
    color: var(--ptdm-heading) !important;
}

html[data-theme="dark"] .entry-content a {
    color: var(--ptdm-primary-hover) !important;
}

/* Borders inside content */
html[data-theme="dark"] .entry-content [style*="border"] {
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] .entry-content [style*="border"][style*="red"] {
    border-color: #ef4444 !important;
}

/* Restore clean hover effects */
html[data-theme="dark"] article,
html[data-theme="dark"] .post,
html[data-theme="dark"] .entry,
html[data-theme="dark"] .wp-block-group,
html[data-theme="dark"] .entry-content section,
html[data-theme="dark"] .entry-content > div {
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

html[data-theme="dark"] article:hover,
html[data-theme="dark"] .post:hover,
html[data-theme="dark"] .entry:hover,
html[data-theme="dark"] .wp-block-group:hover,
html[data-theme="dark"] .entry-content section:hover,
html[data-theme="dark"] .entry-content > div:hover {
    transform: translateY(-2px);
    box-shadow: var(--ptdm-shadow);
    border-color: var(--ptdm-primary) !important;
}

/* Keep images natural */
html[data-theme="dark"] .entry-content img {
    opacity: 1 !important;
    filter: none !important;
}

/* ProTech Dark Mode - modern icon-only toggle */

#ptdm-toggle {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    isolation: isolate;
}

#ptdm-toggle.ptdm-size-small {
    width: 34px !important;
    height: 34px !important;
}

#ptdm-toggle.ptdm-size-medium {
    width: 42px !important;
    height: 42px !important;
}

#ptdm-toggle.ptdm-size-large {
    width: 52px !important;
    height: 52px !important;
}

#ptdm-toggle svg {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 72%;
    height: 72%;
    transform: translate(-50%, -50%);
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.22));
    transition:
        transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1),
        opacity 200ms ease,
        color 200ms ease,
        filter 200ms ease;
}

#ptdm-toggle .ptdm-sun {
    color: #f59e0b;
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
}

#ptdm-toggle .ptdm-moon {
    color: #dbeafe;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-35deg) scale(0.75);
}

html[data-theme="dark"] #ptdm-toggle .ptdm-sun {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(35deg) scale(0.75);
}

html[data-theme="dark"] #ptdm-toggle .ptdm-moon {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
}

#ptdm-toggle:hover svg {
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.32));
}

#ptdm-toggle:hover .ptdm-sun,
html[data-theme="dark"] #ptdm-toggle:hover .ptdm-moon {
    transform: translate(-50%, -50%) scale(1.12);
}

#ptdm-toggle:focus-visible {
    outline: 2px solid var(--ptdm-primary, #38bdf8) !important;
    outline-offset: 4px;
    border-radius: 999px;
}

#ptdm-toggle img.ptdm-icon-light,
#ptdm-toggle img.ptdm-icon-dark {
    width: 72%;
    height: 72%;
    object-fit: contain;
    filter: none !important;
}

/* Better moon animation */
html[data-theme="dark"] #ptdm-toggle .ptdm-moon {
    animation: ptdmMoonFloat 2.8s ease-in-out infinite;
}

#ptdm-toggle .ptdm-moon-star {
    stroke-width: 1.6;
    opacity: 0.9;
    animation: ptdmStarPulse 1.8s ease-in-out infinite;
}

@keyframes ptdmMoonFloat {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    50% {
        transform: translate(-50%, -54%) rotate(-4deg) scale(1.06);
    }
}

@keyframes ptdmStarPulse {
    0%, 100% {
        opacity: 0.45;
    }
    50% {
        opacity: 1;
    }
}

html[data-theme="dark"] button.ct-header-search.ct-toggle,
html[data-theme="dark"] button.ct-header-search.ct-toggle:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--ptdm-text) !important;
    border-color: transparent !important;
}

html[data-theme="dark"] button.ct-header-search.ct-toggle svg,
html[data-theme="dark"] button.ct-header-search.ct-toggle svg path {
    fill: currentColor !important;
    stroke: none !important;
}

/* ProTech Dark Mode - PMPro + hashtags compatibility */

html[data-theme="dark"] .entry-content .pmpro,
html[data-theme="dark"] .entry-content .pmpro_card,
html[data-theme="dark"] .entry-content .pmpro_content_message {
    background: var(--ptdm-surface) !important;
    background-color: var(--ptdm-surface) !important;
    color: var(--ptdm-text) !important;
    border-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] .entry-content .pmpro_card_content,
html[data-theme="dark"] .entry-content .pmpro_card_content * {
    background: transparent !important;
    color: var(--ptdm-text) !important;
}

html[data-theme="dark"] .entry-content .pmpro_card_content h1,
html[data-theme="dark"] .entry-content .pmpro_card_content h2 {
    color: var(--ptdm-heading) !important;
}

html[data-theme="dark"] .entry-content .pmpro_card_content a,
html[data-theme="dark"] .entry-content .pmpro_card_actions a {
    color: var(--ptdm-primary-hover) !important;
}

html[data-theme="dark"] .entry-content .pmpro_card_actions {
    background: var(--ptdm-surface-alt) !important;
    color: var(--ptdm-text-muted) !important;
    border-top-color: var(--ptdm-border) !important;
}

html[data-theme="dark"] .entry-content .protech-hashtags {
    background: var(--ptdm-surface) !important;
    color: var(--ptdm-text) !important;
    border: 1px solid var(--ptdm-border) !important;
}

html[data-theme="dark"] .entry-content .protech-hashtags strong {
    color: var(--ptdm-heading) !important;
}

html[data-theme="dark"] .entry-content .protech-hashtags span {
    color: var(--ptdm-primary-hover) !important;
}

/* ProTech Dark Mode - final stable toggle positioning */

#ptdm-toggle {
    position: fixed !important;
    z-index: 999999 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    line-height: 1 !important;
    transform: none !important;
}

#ptdm-toggle.ptdm-bottom-right {
    right: var(--ptdm-toggle-offset-x, 20px) !important;
    bottom: var(--ptdm-toggle-offset-y, 20px) !important;
    left: auto !important;
    top: auto !important;
}

#ptdm-toggle.ptdm-bottom-left {
    left: var(--ptdm-toggle-offset-x, 20px) !important;
    bottom: var(--ptdm-toggle-offset-y, 20px) !important;
    right: auto !important;
    top: auto !important;
}

#ptdm-toggle.ptdm-top-right {
    right: var(--ptdm-toggle-offset-x, 20px) !important;
    top: var(--ptdm-toggle-offset-y, 20px) !important;
    left: auto !important;
    bottom: auto !important;
}

#ptdm-toggle.ptdm-top-left {
    left: var(--ptdm-toggle-offset-x, 20px) !important;
    top: var(--ptdm-toggle-offset-y, 20px) !important;
    right: auto !important;
    bottom: auto !important;
}

@media (max-width: 768px) {
    #ptdm-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    #ptdm-toggle.ptdm-bottom-right {
        right: var(--ptdm-toggle-mobile-offset-x, 16px) !important;
        bottom: var(--ptdm-toggle-mobile-offset-y, 16px) !important;
    }

    #ptdm-toggle.ptdm-bottom-left {
        left: var(--ptdm-toggle-mobile-offset-x, 16px) !important;
        bottom: var(--ptdm-toggle-mobile-offset-y, 16px) !important;
    }

    #ptdm-toggle.ptdm-top-right {
        right: var(--ptdm-toggle-mobile-offset-x, 16px) !important;
        top: var(--ptdm-toggle-mobile-offset-y, 16px) !important;
    }

    #ptdm-toggle.ptdm-top-left {
        left: var(--ptdm-toggle-mobile-offset-x, 16px) !important;
        top: var(--ptdm-toggle-mobile-offset-y, 16px) !important;
    }
}

@media (hover: none), (pointer: coarse), (max-width: 1200px) {
    html body button#ptdm-toggle {
        position: fixed !important;
        inset: auto 20px 90px auto !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2147483647 !important;
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        transform: none !important;
        background: rgba(0, 0, 0, 0.35) !important;
        border-radius: 999px !important;
    }

    html body button#ptdm-toggle svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 34px !important;
        height: 34px !important;
        color: #f59e0b !important;
        stroke: currentColor !important;
    }
}