/* ===== OVERRIDE LINK COLORS ===== */

/* Link "Selengkapnya tentang BRAND" */
.net-monthly-pricing__modal-trigger,
.ac-modal-trigger {
    color: var(--custom-color-primary) !important;
}

.net-monthly-pricing__modal-trigger:hover,
.ac-modal-trigger:hover {
    color: var(--custom-color-primary-hover) !important;
}

/* Link "Klik di sini untuk info lebih lenjut !" */
.notify__button-text {
    color: var(--custom-color-primary) !important;
}

.notify__button-text:hover {
    color: var(--custom-color-primary-hover) !important;
}

/* ===== BUTTON LOGIN & REGISTER ===== */

/* Button Login (Secondary/Outline) */
.button--secondary {
    color: var(--custom-color-primary) !important;
    border-color: var(--custom-color-primary) !important;
    background-color: transparent !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

.button--secondary:hover {
    color: var(--custom-color-primary-hover) !important;
    border-color: var(--custom-color-primary-hover) !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

/* Button Register (Primary/Filled) */
.button--primary {
    background-color: var(--custom-color-primary) !important;
    border-color: var(--custom-color-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

.button--primary:hover {
    background-color: var(--custom-color-primary-hover) !important;
    border-color: var(--custom-color-primary-hover) !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

/* Button Login di Footer (khusus untuk footer-out) */
#footer-out.button--secondary {
    color: var(--custom-color-primary) !important;
    border: 2px solid var(--custom-color-primary) !important;
    background-color: transparent !important;
    border-radius: 12px !important;
    padding: 10px 20px !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

#footer-out.button--secondary:hover {
    color: var(--custom-color-primary-hover) !important;
    border: 2px solid var(--custom-color-primary-hover) !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

/* Button Login & Register di Product Description/Modal */
.button-container .button.button-primary {
    color: var(--custom-color-primary) !important;
    border: 2px solid var(--custom-color-primary) !important;
    background-color: transparent !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

.button-container .button.button-primary:hover {
    color: var(--custom-color-primary-hover) !important;
    border: 2px solid var(--custom-color-primary-hover) !important;
    background-color: transparent !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

/* ===== RADIO BUTTON PRODUCT FORM (MOBILE & DESKTOP) ===== */

/* Radio button checked state - applies to both desktop and mobile */
.product-form__input input[type=radio]:checked + label {
    border-color: var(--custom-color-primary) !important;
}

/* Radio button hover state */
.product-form__input input[type=radio] + label:hover {
    border-color: var(--custom-color-primary-hover) !important;
}

/* Mobile-specific radio button styling */
@media screen and (max-width: 749px) {
    .product-form__input input[type=radio]:checked + label {
        border-color: var(--custom-color-primary) !important;
        box-shadow: 0 0 0 2px var(--custom-color-primary) !important;
    }
}