.elementor-kit-7{--e-global-color-primary:#D93552;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Make all boxes clickable */
.channel-box,
.device-box,
.player-box {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

/* Selected state for all boxes */
.channel-box.selected,
.device-box.selected,
.player-box.selected {
    border: 3px solid #3b82f6 !important;
    background: rgba(59, 130, 246, 0.15) !important;
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.5) !important;
}

/* Checkmark for all boxes */
.channel-box::after,
.device-box::after,
.player-box::after {
    content: "✓";
    position: absolute;
    top: -10px;
    right: -10px;
    background: #3b82f6;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    z-index: 10;
}

.channel-box.selected::after,
.device-box.selected::after,
.player-box.selected::after {
    display: flex;
}

/* Disabled button state */
.submit-button.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    filter: grayscale(100%);
}

/* Enabled button state */
.submit-button.enabled {
    opacity: 1;
    cursor: pointer !important;
    pointer-events: auto;
    animation: pulse 2s infinite;
}

/* Pulse animation for enabled button */
@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
    }
    50% {
        box-shadow: 0 0 20px 10px rgba(59, 130, 246, 0);
    }
}/* End custom CSS */