/* =========================================
LAIRA JEWELS - INTERACTION COLORS
Theme: Plum, Ivory & Champagne Gold
========================================= */

/* 1. Remove browser focus outline and black focus box */
*:focus,
*:focus-visible,
*:active {
outline: none !important;
}

/* 2. Links: change text color on interaction */
a:hover,
a:focus,
a:focus-visible,
a:active {
color: #8B0028 !important;
outline: none !important;
box-shadow: none !important;
}

/* 3. Buttons: change colors on interaction */
button:hover,
button:focus,
button:focus-visible,
button:active,
.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
background-color: #8B0028 !important;
border-color: #8B0028 !important;
color: #FFFFFF !important;
outline: none !important;
box-shadow: none !important;
}

/* 4. Input fields: champagne-gold border on interaction */
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
border-color: #C6A15B !important;
outline: none !important;
box-shadow: none !important;
}

/* 5. Remove black focus box from common interactive controls */
[role="button"]:focus,
[role="button"]:focus-visible,
summary:focus,
summary:focus-visible {
outline: none !important;
box-shadow: none !important;
}

/* LAIRA - Remove Gold Outline From All Website Buttons */

button,
.btn,
a.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
.product-thumb button,
.product-thumb .btn,
.product-thumb a.btn,
.product-thumb input[type="button"],
.product-thumb input[type="submit"],
.product-thumb .button,
.product-thumb .button-group button,
.product-thumb .button-group a {
    outline: none !important;
    box-shadow: none !important;
}

/* All button interaction states */

button:hover,
button:focus,
button:active,
button:focus-visible,
.btn:hover,
.btn:focus,
.btn:active,
.btn:focus-visible,
a.btn:hover,
a.btn:focus,
a.btn:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
[role="button"]:hover,
[role="button"]:focus,
.product-thumb button:hover,
.product-thumb button:focus,
.product-thumb .btn:hover,
.product-thumb .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* LAIRA - Featured Products Gold Outline Removal */

.laira-featured-module .laira-featured-add-cart,
.laira-featured-module .laira-featured-whatsapp,
.laira-featured-module .laira-featured-share,
.laira-featured-module .laira-featured-wishlist,
.laira-featured-module .laira-featured-arrow {
    outline: none !important;
    box-shadow: none !important;
}

.laira-featured-module .laira-featured-add-cart,
.laira-featured-module .laira-featured-add-cart:hover,
.laira-featured-module .laira-featured-add-cart:focus,
.laira-featured-module .laira-featured-add-cart:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.laira-featured-module button:focus,
.laira-featured-module button:focus-visible,
.laira-featured-module button:active {
    outline: none !important;
    box-shadow: none !important;
}


/* LAIRA FEATURED - REMOVE ADD TO CART GOLD BORDER */

.laira-featured-module button.laira-featured-add-cart,
.laira-featured-module button.laira-featured-add-cart:hover,
.laira-featured-module button.laira-featured-add-cart:focus,
.laira-featured-module button.laira-featured-add-cart:active,
.laira-featured-module button.laira-featured-add-cart:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}