/* Boulderado Plugin Customization - Ninja World Blue Theme */
:root {
    --ninja-blue: #494AD8;
    /* Dr. Plano Blue */
    --ninja-blue-hover: #3D3CB8;
    /* Darker blue for hover */
    --ninja-dark: #1C1944;
    --ninja-white: #ffffff;
}

/* NUCLEAR OPTION - OVERRIDE ALL YELLOW ANYWHERE */
* {
    --yellow: #494AD8 !important;
    --primary-yellow: #494AD8 !important;
    --button-yellow: #494AD8 !important;
    --warning-color: #494AD8 !important;
    --accent-color: #494AD8 !important;
}

/* AGGRESSIVE IFRAME FILTER - CORRECTED FOR BLUE */
iframe[name="Boulderado"],
iframe[src*="boulderado"],
iframe[src*="isvoucher=1"] {
    filter: hue-rotate(-30deg) saturate(1.0) brightness(1.0) contrast(1.0) !important;
}

/* REPLACE ALL YELLOW BUTTONS WITH BLUE - NUCLEAR OPTION */
button[style*="yellow"],
input[style*="yellow"],
div[style*="yellow"],
span[style*="yellow"],
[style*="background-color: yellow"],
[style*="background: yellow"],
[style*="background-color:#ffff"],
[style*="background:#ffff"],
[style*="background-color: #FFFF"],
[style*="background: #FFFF"],
[style*="background-color: #FFF000"],
[style*="background: #FFF000"],
[style*="background-color: #fff000"],
[style*="background: #fff000"],
[style*="background-color: rgb(255, 255, 0)"],
[style*="background: rgb(255, 255, 0)"] {
    background-color: var(--ninja-blue) !important;
    background: var(--ninja-blue) !important;
    border-color: var(--ninja-blue) !important;
    color: var(--ninja-white) !important;
}

/* YELLOW BUTTON HOVER STATES */
button[style*="yellow"]:hover,
input[style*="yellow"]:hover,
div[style*="yellow"]:hover,
span[style*="yellow"]:hover,
[style*="background-color: yellow"]:hover,
[style*="background: yellow"]:hover {
    background-color: var(--ninja-blue-hover) !important;
    background: var(--ninja-blue-hover) !important;
    border-color: var(--ninja-blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 12px rgba(73, 74, 216, 0.3) !important;
}

/* SPECIFIC BUTTON CLASSES */
.btn-yellow,
.button-yellow,
.yellow-button,
.auswählen-button,
[class*="yellow"],
[class*="select-btn"] {
    background-color: var(--ninja-blue) !important;
    background: var(--ninja-blue) !important;
    border-color: var(--ninja-blue) !important;
    color: var(--ninja-white) !important;
    border-radius: 20px !important;
    padding: 12px 24px !important;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* HOVER FOR SPECIFIC BUTTON CLASSES */
.btn-yellow:hover,
.button-yellow:hover,
.yellow-button:hover,
.auswählen-button:hover,
[class*="yellow"]:hover,
[class*="select-btn"]:hover {
    background-color: var(--ninja-blue-hover) !important;
    background: var(--ninja-blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 12px rgba(73, 74, 216, 0.4) !important;
}

/* SPECIFIC TEXT CONTENT TARGETING */
button:contains("AUSWÄHLEN"),
input[value*="AUSWÄHLEN"],
div[onclick]:contains("AUSWÄHLEN"),
span:contains("AUSWÄHLEN"),
[data-text*="AUSWÄHLEN"],
[aria-label*="AUSWÄHLEN"] {
    background-color: var(--ninja-blue) !important;
    background: var(--ninja-blue) !important;
    border-color: var(--ninja-blue) !important;
    color: var(--ninja-white) !important;
}

/* UNIVERSAL YELLOW OVERRIDE */
* {
    --yellow: var(--ninja-blue) !important;
    --primary-yellow: var(--ninja-blue) !important;
    --button-yellow: var(--ninja-blue) !important;
}

/* CSS VARIABLES OVERRIDE */
:root {
    --yellow: #494AD8 !important;
    --primary-yellow: #494AD8 !important;
    --button-yellow: #494AD8 !important;
    --warning-color: #494AD8 !important;
    --accent-color: #494AD8 !important;
}

/* BOULDERADO IFRAME CONTENT */
iframe[name="Boulderado"] * {
    --yellow: var(--ninja-blue) !important;
    --primary-yellow: var(--ninja-blue) !important;
}

/* VOUCHER SPECIFIC SELECTORS */
.voucher-card button,
.voucher-selection button,
.gift-card button,
[class*="voucher"] button,
[id*="voucher"] button {
    background-color: var(--ninja-blue) !important;
    background: var(--ninja-blue) !important;
    border-color: var(--ninja-blue) !important;
    color: var(--ninja-white) !important;
}

/* BLUE THEME FOR BOULDERADO CONTAINER - COMPLEMENTARY COLOR */
iframe[name="Boulderado"],
.boulderado-container,
#boulderado-container {
    filter: hue-rotate(180deg) saturate(1.2) brightness(0.85) contrast(1.2) !important;
}

/* POST-MESSAGE ATTEMPT TO STYLE IFRAME CONTENT */
iframe[name="Boulderado"] {
    --yellow: #494AD8 !important;
    --primary-yellow: #494AD8 !important;
    --button-yellow: #494AD8 !important;
    --warning-color: #494AD8 !important;
    --accent-color: #494AD8 !important;
}

/* OVERRIDE ALL POSSIBLE YELLOW CSS PROPERTIES */
iframe * {
    background-color: #494AD8 !important;
    background: #494AD8 !important;
    color: white !important;
}

/* FORCE BLUE ON IFRAME CONTENT */
iframe[name="Boulderado"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(73, 74, 216, 0.3), rgba(73, 74, 216, 0.1)) !important;
    pointer-events: none !important;
    z-index: 1000 !important;
}

/* NINJA WORLD THEME CONSISTENCY */
body {
    --primary-color: var(--ninja-blue) !important;
    --secondary-color: var(--ninja-blue) !important;
    --background-color: var(--ninja-dark) !important;
}

/* FORCE BLUE ON ALL YELLOW ELEMENTS */
[style*="color: yellow"],
[style*="color: #ffff"],
[style*="color: #FFFF"],
[style*="color: rgb(255, 255, 0)"] {
    color: var(--ninja-blue) !important;
}

/* BORDER COLORS */
[style*="border-color: yellow"],
[style*="border-color: #ffff"],
[style*="border-color: #FFFF"] {
    border-color: var(--ninja-blue) !important;
}

/* BOX SHADOWS */
[style*="box-shadow"][style*="yellow"],
[style*="box-shadow"][style*="#ffff"] {
    box-shadow: 0px 4px 12px rgba(73, 74, 216, 0.3) !important;
}

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {

    button[style*="yellow"],
    .btn-yellow,
    .button-yellow {
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 15px !important;
        font-size: 18px !important;
    }
}

/* ANIMATION AND TRANSITIONS */
button[style*="yellow"],
[class*="yellow"],
.btn-yellow,
.button-yellow {
    animation: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* FOCUS STATES */
button[style*="yellow"]:focus,
[class*="yellow"]:focus,
.btn-yellow:focus,
.button-yellow:focus {
    outline: 2px solid var(--ninja-blue-hover) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(73, 74, 216, 0.2) !important;
}

/* ACTIVE STATES */
button[style*="yellow"]:active,
[class*="yellow"]:active,
.btn-yellow:active,
.button-yellow:active {
    background-color: var(--ninja-blue-hover) !important;
    transform: translateY(0px) !important;
    box-shadow: 0px 2px 6px rgba(73, 74, 216, 0.4) !important;
}

/* DISABLED STATES */
button[style*="yellow"]:disabled,
[class*="yellow"]:disabled,
.btn-yellow:disabled,
.button-yellow:disabled {
    background-color: rgba(73, 74, 216, 0.5) !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* ADDITIONAL IFRAME CONTENT STYLING ATTEMPT */
body {
    --boulderado-primary: #494AD8 !important;
    --boulderado-yellow: #494AD8 !important;
}

/* DIRECT ELEMENT TARGETING IN IFRAME */
iframe[name="Boulderado"] button,
iframe[name="Boulderado"] input,
iframe[name="Boulderado"] .btn,
iframe[name="Boulderado"] [style*="yellow"] {
    background: #494AD8 !important;
    background-color: #494AD8 !important;
    border-color: #494AD8 !important;
    color: white !important;
}

/* GLOBAL STYLE INJECTION */
html {
    --global-yellow: #494AD8 !important;
}

/* CSS CUSTOM PROPERTIES OVERRIDE EVERYWHERE */
*,
*::before,
*::after {
    --yellow: #494AD8 !important;
    --primary-yellow: #494AD8 !important;
    --button-yellow: #494AD8 !important;
}

/* BOULDERADO TABLE SPACING FIX */
iframe[name="Boulderado"] table,
iframe[name="Boulderado"] .table,
iframe[name="Boulderado"] tbody,
iframe[name="Boulderado"] tr,
iframe[name="Boulderado"] td {
    padding-left: 15px !important;
}

/* BOULDERADO CONTENT LEFT MARGIN ADJUSTMENT */
iframe[name="Boulderado"] {
    padding-left: 10px !important;
}

/* BOULDERADO IFRAME BACKGROUND AND BORDER FIX */
iframe[name="Boulderado"] {
    background-color: white !important;
    background: white !important;
    border: none !important;
    border-left: 15px solid white !important;
}

/* BOULDERADO IFRAME CONTENT BACKGROUND */
iframe[name="Boulderado"] body,
iframe[name="Boulderado"] html {
    background-color: white !important;
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
}