/* WP Consent Mode Manager - Styles v1.7.5 (Corrected Consent Tab Toggles) */

:root {
    /* Fallbacks - actual values from PHP */
    --wpcmm-primary-color-fallback: #005fff;
    --wpcmm-text-color-fallback: #333333;
    --wpcmm-secondary-text-color-fallback: #555555;
    --wpcmm-border-color-fallback: #e0e0e0;
    --wpcmm-background-color-fallback: #ffffff;
    --wpcmm-button-text-color-fallback: #ffffff;
    --wpcmm-font-family-selected-fallback: var(--wpcmm-font-family-fallback);
    --wpcmm-font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --wpcmm-grey-background: #f9f9f9;
    --wpcmm-base-font-size: 14px;
    --wpcmm-line-height: 1.5;
    --wpcmm-border-radius: 8px;
    --wpcmm-modal-max-width: 750px;
}

/* --- Base and Modal Shell --- */
#wpcmm-consent-modal-backdrop *, #wpcmm-consent-banner *,
#wpcmm-consent-modal-backdrop *::before, #wpcmm-consent-banner *::before,
#wpcmm-consent-modal-backdrop *::after, #wpcmm-consent-banner *::after { box-sizing: border-box; }

#wpcmm-consent-modal-backdrop { position: fixed; inset: 0; z-index: 99998; background-color: rgba(0, 0, 0, 0.7); display: none; align-items: center; justify-content: center; padding: 20px; font-family: var(--wpcmm-font-family-selected, var(--wpcmm-font-family-selected-fallback)); font-size: var(--wpcmm-base-font-size); line-height: var(--wpcmm-line-height); color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }
#wpcmm-consent-modal-backdrop.wpcmm-show { display: flex; }
#wpcmm-consent-modal-content { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); border-radius: var(--wpcmm-border-radius); box-shadow: 0 8px 25px rgba(0,0,0,0.15); max-width: var(--wpcmm-modal-max-width); width: 100%; max-height: 90vh; display: flex; flex-direction: column; overflow: hidden; }
.wpcmm-modal-top-header { padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; min-height: 40px; border-bottom: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); }
.wpcmm-service-provider-logo { font-size: 0.8rem; color: var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); font-weight: 600; }
.wpcmm-modal-close { background: none; border: none; font-size: 24px; color: var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); cursor: pointer; padding: 5px; line-height: 1; }
.wpcmm-modal-close:hover { color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }
.wpcmm-modal-tabs { display: flex; border-bottom: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); }
.wpcmm-tab-link { flex: 1 1 33.33%; padding: 12px 10px; text-align: center; font-size: 0.9rem; font-weight: 500; color: var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); border: none; background: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease; }
.wpcmm-tab-link:hover { color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }
.wpcmm-tab-link.active { color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); border-bottom-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }
.wpcmm-modal-body { padding: 25px 30px; overflow-y: auto; flex-grow: 1; background-color: var(--wpcmm-grey-background); }
.wpcmm-tab-pane { display: none; } .wpcmm-tab-pane.active { display: block; }
#wpcmm-tab-consent { display: block; }

/* Consent Tab Specific (Grid) */
.wpcmm-privacy-intro { margin-bottom: 25px; }
.wpcmm-privacy-intro h2 { font-size: 1.1rem; font-weight: 600; margin-top: 0; margin-bottom: 10px; color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }
.wpcmm-privacy-intro p { font-size: 0.9rem; color: var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); margin-bottom: 15px; }
.wpcmm-more-info-link { color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); text-decoration: none; font-weight: 500; font-size: 0.9rem; }
.wpcmm-more-info-link:hover { text-decoration: underline; }
.wpcmm-categories-grid { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0; border: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); border-radius: var(--wpcmm-border-radius); overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.wpcmm-category-item { flex-grow: 1; flex-shrink: 1; flex-basis: calc(25% - 1px); min-width: 150px; padding: 20px 10px; text-align: center; border-right: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); }
.wpcmm-category-item:last-child { border-right: none; }
.wpcmm-category-item-label { display: block; font-weight: 500; margin-bottom: 15px; font-size: 0.9rem; color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }

/* --- TOGGLE SWITCH STYLES (Corrected and Specific) --- */
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    flex-shrink: 0;
    vertical-align: middle;
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    margin: 0;
    padding: 0;
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle label {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc; /* Default OFF state color */
    border-radius: 26px;
    transition: background-color 0.3s ease;
    display: block;
    margin: 0; padding: 0; border: 0;
    font-size: 100%; font: inherit; vertical-align: baseline;
    line-height: 26px;
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle label::before {
    position: absolute;
    content: "";
    height: 20px; width: 20px;
    left: 3px; top: 3px; /* Adjusted from bottom to top for consistency */
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle input[type="checkbox"]:checked + label {
    background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback));
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle input[type="checkbox"]:checked + label::before {
    transform: translateX(24px);
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle input[type="checkbox"]:disabled + label {
    background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback));
    cursor: not-allowed;
    opacity: 0.7;
}
#wpcmm-consent-modal-backdrop .wpcmm-category-toggle input[type="checkbox"]:disabled + label::before {
    transform: translateX(24px);
    background-color: #f1f1f1;
}
/* --- END TOGGLE STYLES --- */

/* Details Tab - Service Accordion Items */
#wpcmm-tab-details .wpcmm-accordion-item { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); border: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); border-radius: var(--wpcmm-border-radius); margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
#wpcmm-tab-details .wpcmm-accordion-item:last-child { margin-bottom: 0; }
#wpcmm-tab-details .wpcmm-accordion-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 20px; text-align: left; background: none; border: none; cursor: pointer; font-size: 0.85rem; font-weight: 500; color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); }
#wpcmm-tab-details .wpcmm-accordion-header .wpcmm-accordion-arrow { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); transition: transform 0.2s ease; margin-left: 15px; flex-shrink: 0; }
#wpcmm-tab-details .wpcmm-accordion-header .wpcmm-accordion-arrow::before { content: ""; }
#wpcmm-tab-details .wpcmm-accordion-header.active .wpcmm-accordion-arrow { transform: rotate(180deg); }
#wpcmm-tab-details .wpcmm-accordion-title { flex-grow: 1; margin-right: 10px; }
#wpcmm-tab-details .wpcmm-service-category { font-size: 0.8rem; color: var(--wpcmm-secondary-text-color, var(--wpcmm-secondary-text-color-fallback)); margin-left: auto; margin-right: 10px; font-weight: normal; flex-shrink: 0; }
#wpcmm-tab-details .wpcmm-accordion-count { display: none; }
#wpcmm-tab-details .wpcmm-accordion-content { padding: 15px 20px 20px 20px; border-top: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); margin-top: -1px; background-color: #FFFFFF; font-size: 0.875rem; display: none; }
#wpcmm-tab-details .wpcmm-accordion-content p:first-child { margin-top: 0; }
.wpcmm-cookie-entry { padding: 8px 0; border-bottom: 1px dotted var(--wpcmm-border-color, #eee); } .wpcmm-cookie-entry:last-child { border-bottom: none; padding-bottom: 0; } .wpcmm-cookie-entry p { margin: 0.25em 0; font-size: 0.85rem; } .wpcmm-cookie-entry strong { color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); min-width: 70px; display: inline-block; }

/* Footer */
.wpcmm-modal-footer { padding: 15px 20px; border-top: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); display: flex; justify-content: center; align-items: center; gap: 10px; }
.wpcmm-modal-footer button { padding: 10px 15px; font-size: 0.875rem; font-weight: 600; border-radius: var(--wpcmm-border-radius); border: 1px solid transparent; cursor: pointer; transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; text-align: center; flex: 1 1 0; }
.wpcmm-modal-footer button:hover { opacity: 0.85; }
.wpcmm-modal-footer button.wpcmm-btn-save { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); border: 1px solid var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }
.wpcmm-modal-footer button.wpcmm-btn-save:hover { background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); color: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); border-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)) opacity: 1; }
.wpcmm-modal-footer button.wpcmm-btn-deny { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); border: 1px solid var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }
.wpcmm-modal-footer button.wpcmm-btn-deny:hover { background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); color: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); border-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)) opacity: 1 !important; }
.wpcmm-modal-footer button.wpcmm-btn-accept { background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); color: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); border-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }

/* Banner & Trigger */
#wpcmm-consent-banner { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); border-top: 1px solid var(--wpcmm-border-color, var(--wpcmm-border-color-fallback)); font-family: var(--wpcmm-font-family-selected, var(--wpcmm-font-family-fallback)); color: var(--wpcmm-text-color, var(--wpcmm-text-color-fallback)); position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99998; padding: 15px 20px; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); display: none; font-size: var(--wpcmm-base-font-size); }
#wpcmm-consent-banner.wpcmm-show { display: block; }
.wpcmm-banner-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; max-width: 1140px; margin: 0 auto; }
.wpcmm-banner-text { flex-grow: 1; margin-right: 20px; } .wpcmm-banner-text a.wpcmm-banner-policy-link { color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); text-decoration: underline;}
.wpcmm-banner-actions { display: flex; gap: 10px; } .wpcmm-banner-actions button { padding: 8px 15px; cursor: pointer; border-radius: var(--wpcmm-border-radius); font-size: 0.9em; font-weight: 500; }
.wpcmm-banner-actions button.wpcmm-btn-accept { background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); color: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); border: 1px solid var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }
.wpcmm-banner-actions button.wpcmm-btn-deny, .wpcmm-banner-actions button.wpcmm-btn-customize { background-color: var(--wpcmm-background-color, var(--wpcmm-background-color-fallback)); color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); border: 1px solid var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); }
.wpcmm-banner-actions button:hover { opacity: 0.85; }
#wpcmm-consent-trigger-icon { background-color: var(--wpcmm-primary-color, var(--wpcmm-primary-color-fallback)); color: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); position: fixed; bottom: 20px; left: 20px; z-index: 99997; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: none; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s ease-in-out; }
#wpcmm-consent-trigger-icon:hover { transform: scale(1.1); }
#wpcmm-consent-trigger-icon.wpcmm-trigger-icon-show { display: flex; }
#wpcmm-consent-trigger-icon svg { fill: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); width: 28px; height: 28px; }
#wpcmm-consent-trigger-icon svg .st0 { fill: var(--wpcmm-button-text-color, var(--wpcmm-button-text-color-fallback)); }