/* MYT Custom Consent v3.0 */
#myt-cc-wrapper * {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    box-sizing: border-box;
}

#myt-cc-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999998;
    display: none;
}

#myt-cc-banner {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #ffffff; padding: 25px; z-index: 9999999;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.1);
    display: none; align-items: center; justify-content: space-between;
    border-top: 1px solid #e2e8f0; gap: 20px;
}

@media(max-width: 768px) {
    #myt-cc-banner { flex-direction: column; text-align: center; }
    .myt-cc-actions { flex-wrap: wrap; justify-content: center; width: 100%; gap: 10px; }
    .myt-cc-btn { width: 100%; min-width: 100% !important; }
}

.myt-cc-text-area { flex: 1; }
.myt-cc-title { font-size: 1.25rem; font-weight: 600; margin: 0 0 8px 0; color: #1e293b !important; line-height: 1.4; display: block; }
.myt-cc-desc { font-size: 0.95rem; margin: 0; color: #64748b !important; line-height: 1.6; display: block; }

.myt-cc-actions { display: flex; gap: 12px; }

.myt-cc-btn {
    padding: 12px 24px; cursor: pointer; border-radius: 0; border: none;
    font-size: 0.95rem; font-weight: 500; transition: all 0.2s; min-width: 140px; text-decoration: none !important;
}

.myt-cc-btn-primary { background: #dc4b27; color: #ffffff !important; }
.myt-cc-btn-primary:hover { background: #c44222; transform: translateY(-1px); }

.myt-cc-btn-secondary { background: #64748b; color: #ffffff !important; }
.myt-cc-btn-secondary:hover { background: #475569; }

.myt-cc-btn-tertiary { background: #64748b; color: #ffffff !important; }
.myt-cc-btn-tertiary:hover { background: #475569; }

/* Settings Modal */
#myt-cc-settings {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: #ffffff; width: 90%; max-width: 550px; max-height: 85vh; overflow-y: auto;
    z-index: 9999999; border-radius: 8px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    display: none; padding: 0;
}

.myt-cc-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e8f0; padding: 20px 24px; background: #fafafa; border-radius: 8px 8px 0 0; }
.myt-cc-modal-header h3 { margin: 0; color: #1e293b !important; font-size: 1.25rem; font-weight: 600; }
.myt-cc-close { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #64748b; margin: -10px; padding: 10px; line-height: 1; transition: 0.2s; }
.myt-cc-close:hover { color: #1e293b; }

.myt-cc-modal-body { padding: 24px; }

.myt-cc-option { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px; background: #fafafa; border: 1px solid #e2e8f0; border-radius: 6px; margin-bottom: 16px; gap: 15px; }
.myt-cc-option:last-child { margin-bottom: 0; }
.myt-cc-option-text { flex: 1; }
.myt-cc-option-title { font-weight: 600; margin: 0 0 4px 0; color: #1e293b !important; font-size: 1rem; display: block; }
.myt-cc-option-desc { font-size: 0.875rem; color: #64748b !important; margin: 0; line-height: 1.5; }

.myt-cc-modal-footer { display: flex; justify-content: flex-end; padding: 20px 24px; border-top: 1px solid #e2e8f0; background: #fafafa; border-radius: 0 0 8px 8px; }

/* Toggle Slider */
.myt-cc-switch { position: relative; display: inline-block; width: 48px; height: 26px; flex-shrink: 0; margin-top: 2px; }
.myt-cc-switch input { opacity: 0; width: 0; height: 0; margin: 0; }
.myt-cc-slider { position: absolute; cursor: pointer; inset: 0; background-color: #cbd5e1; transition: 0.3s; border-radius: 26px; }
.myt-cc-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
input:checked + .myt-cc-slider { background-color: #dc4b27; }
input:checked + .myt-cc-slider:before { transform: translateX(22px); }
input:disabled + .myt-cc-slider { background-color: #e2e8f0; cursor: not-allowed; }
input:disabled + .myt-cc-slider:before { background-color: #cbd5e1; }

body.myt-cc-no-scroll { overflow: hidden !important; }

/* Shortcode trigger */
.myt-cc-settings-trigger { background: #dc4b27; color: #fff; padding: 10px 20px; border: none; border-radius: 0; cursor: pointer; font-family: 'Roboto', sans-serif !important; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; font-size: 0.875rem; transition: 0.2s;}
.myt-cc-settings-trigger:hover { background: #c44222; }

/* Link styled trigger */
.myt-cc-settings-link { background: transparent !important; color: inherit; padding: 0 !important; border: none !important; text-transform: none; text-decoration: underline; font-size: inherit; font-weight: normal; letter-spacing: normal; display: inline; cursor: pointer; }
.myt-cc-settings-link:hover { background: transparent !important; color: inherit; text-decoration: none; opacity: 0.8; }