/**
 * CookieAdmin Custom Styling
 * Notice Me Senpai Brand Theme
 */

/* ===========================
   MAIN BANNER STYLING
   =========================== */

.cookieadmin_law_container {
    z-index: 999999 !important;
}

.cookieadmin_consent_inside {
    background-color: #000000 !important;
    border-color: #000000 !important;
    padding: 30px !important;
}

#cookieadmin_notice_title {
    color: #ffffff !important;
    font-family: "scale-variable", sans-serif !important;
    font-variation-settings: "wght" 400, "wdth" 125 !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}

#cookieadmin_notice,
.cookieadmin_notice_con p {
    color: #ffffff !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

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

.cookieadmin_consent_btns {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

/* Accept Button - Hot Pink */
.cookieadmin_accept_btn,
button.cookieadmin_accept_btn,
#cookieadmin_accept_button,
#cookieadmin_accept_modal_button {
    background-color: #ff0099 !important;
    background: #ff0099 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    font-family: 'Space Mono', monospace !important;
    font-style: italic !important;
    font-size: 20px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 4px 4px 0px #000000 !important;
}

.cookieadmin_accept_btn:hover,
#cookieadmin_accept_button:hover,
#cookieadmin_accept_modal_button:hover {
    background-color: #cc0077 !important;
    background: #cc0077 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0px #000000 !important;
}

/* Reject Button - Cyan */
.cookieadmin_reject_btn,
button.cookieadmin_reject_btn,
#cookieadmin_reject_button,
#cookieadmin_reject_modal_button {
    background-color: #00d9ff !important;
    background: #00d9ff !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    font-family: 'Space Mono', monospace !important;
    font-style: italic !important;
    font-size: 20px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 4px 4px 0px #000000 !important;
}

.cookieadmin_reject_btn:hover,
#cookieadmin_reject_button:hover,
#cookieadmin_reject_modal_button:hover {
    background-color: #00b8d9 !important;
    background: #00b8d9 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0px #000000 !important;
}

/* Customize Button - Yellow */
.cookieadmin_customize_btn,
button.cookieadmin_customize_btn,
#cookieadmin_customize_button {
    background-color: #ffff00 !important;
    background: #ffff00 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    font-family: 'Space Mono', monospace !important;
    font-style: italic !important;
    font-size: 20px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 4px 4px 0px #000000 !important;
}

.cookieadmin_customize_btn:hover,
#cookieadmin_customize_button:hover {
    background-color: #e6e600 !important;
    background: #e6e600 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0px #000000 !important;
}

/* Save Button - Hot Pink */
.cookieadmin_save_btn,
button.cookieadmin_save_btn,
#cookieadmin_prf_modal_button {
    background-color: #ff0099 !important;
    background: #ff0099 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    font-family: 'Space Mono', monospace !important;
    font-style: italic !important;
    font-size: 20px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 4px 4px 0px #000000 !important;
}

.cookieadmin_save_btn:hover,
#cookieadmin_prf_modal_button:hover {
    background-color: #cc0077 !important;
    background: #cc0077 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0px #000000 !important;
}

/* ===========================
   MODAL STYLING
   =========================== */

.cookieadmin_cookie_modal,
#cookieadmin_cookie_modal {
    background-color: #000000 !important;
    background: #000000 !important;
    border: 2px solid #333333 !important;
    border-radius: 0 !important;
    max-width: 600px !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
}

.cookieadmin_mod_head {
    background-color: #000000 !important;
    background: #000000 !important;
    border-bottom: 2px solid #ff0099 !important;
    padding: 25px !important;
}

.cookieadmin_preference_title,
#cookieadmin_preference_title {
    color: #ffffff !important;
    font-family: "scale-variable", sans-serif !important;
    font-variation-settings: "wght" 400, "wdth" 125 !important;
    font-size: 26px !important;
    margin: 0 !important;
}

.cookieadmin_close_pref {
    color: #ff0099 !important;
    background: transparent !important;
    border: none !important;
    font-size: 32px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
}

.cookieadmin_close_pref:hover {
    color: #ffff00 !important;
    transform: rotate(90deg) !important;
}

.cookieadmin_details_wrapper {
    color: #ffffff !important;
    font-family: 'Space Mono', monospace !important;
    padding: 25px !important;
    background: #000000 !important;
}

#cookieadmin_preference {
    color: #ffffff !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* ===========================
   COOKIE TYPES
   =========================== */

.cookieadmin_types {
    margin: 0 !important;
    padding: 0 !important;
}

.cookieadmin_types .cookieadmin_header {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    border: 2px solid #333333 !important;
    border-radius: 0 !important;
    padding: 18px !important;
    margin: 12px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cookieadmin_types .cookieadmin_header:hover {
    border-color: #ff0099 !important;
    background-color: #222222 !important;
    background: #222222 !important;
}

.cookieadmin_types .stitle {
    color: #ffffff !important;
    font-family: "scale-variable", sans-serif !important;
    font-variation-settings: "wght" 400, "wdth" 125 !important;
    font-size: 18px !important;
    margin: 0 !important;
}

.cookieadmin_types .cookieadmin_body {
    background-color: #0d0d0d !important;
    background: #0d0d0d !important;
    border: 2px solid #333333 !important;
    border-top: none !important;
    padding: 0 !important;
}

.cookieadmin_desc {
    color: #cccccc !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 15px 18px !important;
    margin: 0 !important;
}

/* ===========================
   TOGGLES & SWITCHES
   =========================== */

.cookieadmin_types .cookieadmin_header .cookieadmin_toggle {
    float: right !important;
    margin-left: 15px !important;
}

.cookieadmin_toggle {
    display: inline-block !important;
    position: relative !important;
    width: 44px !important;
    height: 22px !important;
    vertical-align: middle !important;
}

.cookieadmin_toggle input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}

.cookieadmin_slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #2a2a2a !important;
    background: #2a2a2a !important;
    transition: all 0.3s ease !important;
    border-radius: 0 !important;
    border: 2px solid #444444 !important;
}

.cookieadmin_slider:before {
    position: absolute !important;
    content: "" !important;
    height: 14px !important;
    width: 18px !important;
    left: 2px !important;
    bottom: 2px !important;
    background-color: #666666 !important;
    transition: all 0.3s ease !important;
    border-radius: 0 !important;
}

.cookieadmin_toggle input:checked + .cookieadmin_slider {
    background-color: #ff0099 !important;
    background: #ff0099 !important;
    border-color: #ff0099 !important;
}

.cookieadmin_toggle input:checked + .cookieadmin_slider:before {
    transform: translateX(20px) !important;
    background-color: #ffffff !important;
}

.cookieadmin_toggle_disabled .cookieadmin_slider {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    border-color: #333333 !important;
}

.cookieadmin_toggle_disabled .cookieadmin_slider:before {
    background-color: #555555 !important;
}

/* ===========================
   LABELS & REMARKS
   =========================== */

.cookieadmin_remark {
    color: #00d9ff !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 11px !important;
    font-style: italic !important;
    padding: 5px 0 !important;
}

.cookieadmin_remark.cookieadmin_act {
    color: #ffff00 !important;
}

.cookieadmin_showmore {
    color: #00d9ff !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 13px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px dotted #00d9ff !important;
    cursor: pointer !important;
    padding: 8px 0 !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
}

.cookieadmin_showmore:hover {
    color: #ffff00 !important;
    border-bottom-color: #ffff00 !important;
}

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

.cookieadmin_modal_footer {
    background-color: #000000 !important;
    border-top: 1px solid #333333 !important;
    padding: 20px !important;
    display: flex !important;
    gap: 15px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* ===========================
   RE-CONSENT BUTTON (Floating)
   =========================== */

button.cookieadmin_re_consent {
    display: none !important;
}

/* If you want to show it, remove the line above and uncomment below:
button.cookieadmin_re_consent {
    background-color: #ff0099 !important;
    background: #ff0099 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 60px !important;
    height: 60px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    padding: 10px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

button.cookieadmin_re_consent:hover {
    background-color: #cc0077 !important;
    background: #cc0077 !important;
    transform: scale(1.05) !important;
}

.cookieadmin_reconsent_img {
    filter: brightness(0) invert(1) !important;
}
*/

/* ===========================
   EXPAND/COLLAPSE ICONS
   =========================== */

.cookieadmin_show_pref_cookies {
    color: #ff0099 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.cookieadmin_show_pref_cookies:hover {
    color: #ffff00 !important;
    transform: scale(1.2) !important;
}

/* ===========================
   MODAL OVERLAY
   =========================== */

.cookieadmin_modal_overlay {
    background-color: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(5px) !important;
}

/* ===========================
   MOBILE RESPONSIVE
   =========================== */

@media (max-width: 768px) {
    .cookieadmin_consent_inside {
        padding: 20px !important;
    }
    
    .cookieadmin_consent_btns,
    .cookieadmin_modal_footer {
        flex-direction: column !important;
    }
    
    .cookieadmin_btn,
    .cookieadmin_accept_btn,
    .cookieadmin_reject_btn,
    .cookieadmin_customize_btn,
    .cookieadmin_save_btn {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    
    /* Keep re-consent button hidden on mobile too */
    button.cookieadmin_re_consent {
        display: none !important;
    }
    
    #cookieadmin_notice_title {
        font-size: 20px !important;
    }
}