/* Toolkit frontend UI styles (from earlier, design-matched) */
:root{ --ata-accent:#096eb8; --ata-bg:#fff; --ata-text:#111; --ata-muted:#6b7280; --ata-shadow:0 10px 30px rgba(0,0,0,.20); --ata-radius:14px; }
#ata-toolbar, #ata-toolbar *{ font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; box-sizing:border-box; }
#ata-toolbar{ position:fixed; top:50%; transform:translateY(-50%); z-index:2147483647; pointer-events:auto; }
#ata-toolbar.ata-right{ right:16px; }
#ata-toolbar .ata-toggle{ width:60px; height:60px; display:grid; place-items:center; border:0; border-radius:16px; background:var(--ata-accent); color:#fff; cursor:pointer; box-shadow:var(--ata-shadow); }
#ata-toolbar .ata-toggle svg{ width:44px; height:44px; }
#ata-toolbar .ata-panel{ position:absolute; top:50%; transform:translateY(-50%); width:360px; max-width:86vw; background:var(--ata-bg); color:var(--ata-text); border-radius:var(--ata-radius); box-shadow:var(--ata-shadow); display:none; overflow:hidden; }
#ata-toolbar .ata-panel.open{ display:block; }
#ata-toolbar.ata-left .ata-panel{ left:68px; } #ata-toolbar.ata-right .ata-panel{ right:68px; }
#ata-toolbar .ata-head{ padding:16px 18px 10px; border-bottom:1px solid #eef0f4;background: linear-gradient(90deg, #2370E7 0%, #109B9E 100%); }
#ata-toolbar .ata-title{ font-size:18px; text-align: center; font-weight:600; margin:0 0 6px;color: white; }
#ata-toolbar .ata-sub{ margin:0; font-size:12px; color: white; text-align: center;}
#ata-toolbar .ata-list{ list-style:none!important; margin:0!important; padding:6px 8px!important; max-height:62vh; overflow:auto; }
#ata-toolbar .ata-item{ display:flex!important; align-items:center!important; justify-content:space-between!important; padding:12px!important; border-radius:12px!important; }
#ata-toolbar .ata-item + .ata-item{ margin-top:6px; } #ata-toolbar .ata-item:hover{ background:#f7f9fc; }
#ata-toolbar .ata-leftpart{ display:flex; align-items:flex-start; gap:12px; }
#ata-toolbar .ata-icon{ width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:#eef4ff; color:#096eb8; flex:0 0 32px; }
#ata-toolbar .ata-label{ font-size:14px; font-weight:500; display:flex; align-items:center; gap:8px; }
#ata-toolbar .ata-help{ font-size:12px; color:var(--ata-muted); margin-top:3px; }
#ata-toolbar .ata-switch{ position:relative; display:inline-block; width:46px; height:26px; }
#ata-toolbar .ata-switch input{ position:absolute!important; opacity:0!important; inset:0!important; width:0!important; height:0!important; margin:0!important; pointer-events:none!important; }
#ata-toolbar .ata-slider{ position:absolute; inset:0; background:#c7c9cc; transition:.2s; border-radius:999px; }
#ata-toolbar .ata-slider:before{ content:""; position:absolute; height:20px; width:20px; left:3px; bottom:3px; background:#fff; transition:.2s; border-radius:999px; box-shadow:0 1px 3px rgba(0,0,0,.3); }
#ata-toolbar .ata-switch input:checked + .ata-slider{ background:#096eb8; } #ata-toolbar .ata-switch input:checked + .ata-slider:before{ transform:translateX(20px); }
#ata-toolbar .ata-foot{ padding:12px; border-top:1px solid #eef0f4; display:flex; justify-content:center; }
#ata-toolbar .ata-reset{ appearance:none; border:0; background:#f1f5f9; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600; display:flex; align-items:center; gap:8px; }
#ata-toolbar .ata-zoom-badge{ font-size:12px; color:var(--ata-muted); margin-left:8px; }
@media (max-width:420px){ #ata-toolbar .ata-panel{ width:90vw; } }

/* When admin disables toolbar on mobile, this class hides it.
   It only applies at mobile widths to avoid interfering on desktop. */
@media (max-width: 768px) {
    .accessibility-toolbar-hidden-mobile {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
    #ata-toolbar.ata-left .ata-panel {
    left: 30px!important;
}
}

/* Text size levels - additive classes for "Bigger Text" functionality */
.avada-accessibility-text-size-1 {
    /* ~ +10% */
    font-size: 110% !important;
}
.avada-accessibility-text-size-2 {
    /* ~ +20% */
    font-size: 120% !important;
}
.avada-accessibility-text-size-3 {
    /* ~ +30% */
    font-size: 130% !important;
}

/* Ensure text-scaling respects layout and doesn't overflow interactive controls */
.avada-accessibility-text-size-1, .avada-accessibility-text-size-2, .avada-accessibility-text-size-3 {
    line-height: 1.4 !important;
}

/* Keep existing grayscale/high-contrast rules if not present; additive and non-destructive */
.avada-accessibility-grayscale {
    filter: grayscale(100%) !important;
}
.avada-accessibility-high-contrast {
    filter: contrast(125%) saturate(90%) !important;
    background-color: #000 !important;
    color: #fff !important;
}
