/* =============================================
   DD Accessibility Toolbar v2.0 — toolbar.css
   ============================================= */

#ddat-toolbar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2147483647;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    font-family: Arial, sans-serif;
}

#ddat-toggle-btn {
    background: #2c2c2c;
    border: none;
    border-radius: 6px 0 0 6px;
    color: #aaa;
    cursor: pointer;
    width: 22px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.2s;
    box-shadow: -3px 0 10px rgba(0,0,0,0.3);
}
#ddat-toggle-btn:hover { background: #111; color: #fff; }
#ddat-toggle-btn .arrow {
    display: inline-block;
    transition: transform 0.3s;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
#ddat-toggle-btn.collapsed .arrow { transform: rotate(180deg); }

#ddat-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 52px;
    background: #1e1e2e;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
    transition: width 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s;
    opacity: 1;
    box-shadow: -4px 0 20px rgba(0,0,0,0.4);
}
#ddat-panel.ddat-collapsed {
    width: 0;
    opacity: 0;
    pointer-events: none;
}

.ddat-section {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 4px 0;
}
.ddat-section:last-child { border-bottom: none; }

.ddat-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 48px;
    background: transparent;
    border: none;
    color: #ccc;
    cursor: pointer;
    padding: 4px 0;
    transition: background 0.15s, color 0.15s;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 1.3;
    gap: 3px;
}
.ddat-btn:hover { background: rgba(255,255,255,0.12); color: #fff; }
.ddat-btn:active { background: rgba(255,255,255,0.2); }
.ddat-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.ddat-btn .btn-label { font-size: 7.5px; letter-spacing: 0.4px; opacity: 0.8; }

/* Font size label row */
.ddat-fs-label {
    font-size: 7.5px;
    color: #888;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 6px 4px 2px;
    width: 52px;
    display: block;
}

#ddat-reset {
    height: 36px;
    font-size: 9px;
    letter-spacing: 0.8px;
    color: #ff6b6b;
}
#ddat-reset:hover { color: #ff4444; background: rgba(255,100,100,0.1); }

/* Color palette section */
#ddat-colors {
    padding: 6px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
#ddat-colors .color-label {
    font-size: 7px;
    color: #888;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.ddat-swatches-row {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
}
.ddat-color-swatch {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s;
    flex-shrink: 0;
    outline: none;
}
.ddat-color-swatch:hover { transform: scale(1.25); }
.ddat-color-swatch.active { border-color: #fff; transform: scale(1.2); }

#ddat-theme-btn.dark-active svg { color: #ffd700; stroke: #ffd700; }

/* ── FONT SIZE via body classes ── */
body.ddat-fs-1 { font-size: 12px !important; }
body.ddat-fs-2 { font-size: 14px !important; }
body.ddat-fs-3 { font-size: 16px !important; }
body.ddat-fs-4 { font-size: 18px !important; }
body.ddat-fs-5 { font-size: 20px !important; }
body.ddat-fs-6 { font-size: 22px !important; }

body[class*="ddat-fs-"] p,
body[class*="ddat-fs-"] li,
body[class*="ddat-fs-"] td,
body[class*="ddat-fs-"] .entry-content,
body[class*="ddat-fs-"] .post-content,
body[class*="ddat-fs-"] article,
body[class*="ddat-fs-"] .elementor-widget-container {
    font-size: inherit !important;
    line-height: 1.7 !important;
}
body[class*="ddat-fs-"] h1 { font-size: calc(1em * 2.2) !important; }
body[class*="ddat-fs-"] h2 { font-size: calc(1em * 1.7) !important; }
body[class*="ddat-fs-"] h3 { font-size: calc(1em * 1.4) !important; }
body[class*="ddat-fs-"] h4 { font-size: calc(1em * 1.2) !important; }

/* ── COLOR THEMES ── */
/* WHITE (default — remove all classes) */

/* SEPIA */
body.ddat-color-sepia { background-color: #f4edd8 !important; }
body.ddat-color-sepia .site-content, body.ddat-color-sepia article,
body.ddat-color-sepia .entry-content, body.ddat-color-sepia .post-content,
body.ddat-color-sepia .elementor-section, body.ddat-color-sepia main,
body.ddat-color-sepia section, body.ddat-color-sepia .wp-block-group {
    background-color: #f4edd8 !important; color: #3a2e1a !important;
}
body.ddat-color-sepia p, body.ddat-color-sepia h1, body.ddat-color-sepia h2,
body.ddat-color-sepia h3, body.ddat-color-sepia h4, body.ddat-color-sepia li {
    color: #3a2e1a !important;
}

/* DARK */
body.ddat-color-dark { background-color: #121212 !important; }
body.ddat-color-dark .site-content, body.ddat-color-dark article,
body.ddat-color-dark .entry-content, body.ddat-color-dark .post-content,
body.ddat-color-dark .elementor-section, body.ddat-color-dark main,
body.ddat-color-dark section, body.ddat-color-dark .wp-block-group,
body.ddat-color-dark [class*="content-area"], body.ddat-color-dark [class*="post-inner"] {
    background-color: #121212 !important; color: #e0e0e0 !important;
}
body.ddat-color-dark p, body.ddat-color-dark h1, body.ddat-color-dark h2,
body.ddat-color-dark h3, body.ddat-color-dark h4, body.ddat-color-dark li,
body.ddat-color-dark span:not([class*="icon"]):not([class*="label"]) {
    color: #e0e0e0 !important;
}
body.ddat-color-dark a { color: #7eb8ff !important; }

/* NIGHT BLUE */
body.ddat-color-night { background-color: #0d1b2a !important; }
body.ddat-color-night .site-content, body.ddat-color-night article,
body.ddat-color-night .entry-content, body.ddat-color-night .post-content,
body.ddat-color-night .elementor-section, body.ddat-color-night main, body.ddat-color-night section {
    background-color: #0d1b2a !important; color: #c8d8e8 !important;
}
body.ddat-color-night p, body.ddat-color-night h1, body.ddat-color-night h2,
body.ddat-color-night h3, body.ddat-color-night h4, body.ddat-color-night li {
    color: #c8d8e8 !important;
}

/* GREEN EYE CARE */
body.ddat-color-green { background-color: #1a2f1a !important; }
body.ddat-color-green .site-content, body.ddat-color-green article,
body.ddat-color-green .entry-content, body.ddat-color-green .post-content,
body.ddat-color-green .elementor-section, body.ddat-color-green main, body.ddat-color-green section {
    background-color: #1a2f1a !important; color: #c8e6c8 !important;
}
body.ddat-color-green p, body.ddat-color-green h1, body.ddat-color-green h2,
body.ddat-color-green h3, body.ddat-color-green h4, body.ddat-color-green li {
    color: #c8e6c8 !important;
}

/* SAFFRON (India theme) */
body.ddat-color-saffron { background-color: #fff3e0 !important; }
body.ddat-color-saffron .site-content, body.ddat-color-saffron article,
body.ddat-color-saffron .entry-content, body.ddat-color-saffron .post-content,
body.ddat-color-saffron .elementor-section, body.ddat-color-saffron main, body.ddat-color-saffron section {
    background-color: #fff3e0 !important; color: #4a2000 !important;
}
body.ddat-color-saffron p, body.ddat-color-saffron h1, body.ddat-color-saffron h2,
body.ddat-color-saffron h3, body.ddat-color-saffron h4, body.ddat-color-saffron li {
    color: #4a2000 !important;
}

/* Print */
@media print { #ddat-toolbar { display: none !important; } }

@media (max-width: 480px) {
    #ddat-panel { width: 46px; }
    .ddat-btn { width: 46px; }
}