/*
 * ARMANIPLAST-PASS-044
 * UI governance: an interactive control is not accepted merely because it exists in the DOM.
 * It must be visible, readable, recognizable without hover, keyboard-focusable, and contrasted
 * against its actual rendered background in default/hover/focus/active/disabled states.
 * Do not change the approved 41px desktop navigation height.
 */

/* Confirm modal: .theme-btn defaults to color:#fff / background:none (header-on-dark).
   Cancel sat on a white dialog and was only hinted via ::before hover. */
.ap-ui-confirm__dialog {
    color: #181818;
    background: #fff;
}
.ap-ui-confirm__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    align-items: stretch;
}
.ap-ui-confirm__actions button {
    min-height: 44px;
    min-width: 6.25rem;
    padding: 0.45rem 1rem;
    font-weight: 600;
}
.ap-ui-confirm [data-ap-confirm-cancel].theme-btn {
    background: #fff !important;
    color: #1a1a1a !important;
    border: 1px solid #6f6f6f !important;
    box-shadow: none;
}
.ap-ui-confirm [data-ap-confirm-cancel].theme-btn::before {
    display: none !important;
    opacity: 0 !important;
    transform: none !important;
}
.ap-ui-confirm [data-ap-confirm-cancel].theme-btn:hover,
.ap-ui-confirm [data-ap-confirm-cancel].theme-btn:focus-visible {
    background: #f3f3f3 !important;
    color: #111 !important;
    border-color: #333 !important;
    outline: 2px solid #c45c26;
    outline-offset: 2px;
}
.ap-ui-confirm [data-ap-confirm-ok].theme-btn {
    background: #7a3212 !important;
    color: #fff !important;
    border: 1px solid #7a3212 !important;
}
.ap-ui-confirm [data-ap-confirm-ok].theme-btn::before {
    display: none !important;
}
.ap-ui-confirm [data-ap-confirm-ok].theme-btn:hover,
.ap-ui-confirm [data-ap-confirm-ok].theme-btn:focus-visible {
    background: #5c240c !important;
    color: #fff !important;
    outline: 2px solid #181818;
    outline-offset: 2px;
}

/* Product slider: listing .addCart { flex: 1 1 10rem } stretched the orange hover region. */
.product-slider .product-box .addCart,
.product-slider a.addCart {
    flex: 0 0 auto !important;
    align-self: stretch;
    width: auto;
    min-height: 40px;
    height: auto !important;
    margin-top: auto;
}
.product-slider .product-details {
    flex: 0 1 auto;
}
.product-slider .product-box {
    justify-content: flex-start;
}

/* Article social banners: whole rectangle is the link. */
a.social-banner {
    cursor: pointer;
    text-decoration: none;
}
a.social-banner:focus-visible {
    outline: 2px solid #c45c26;
    outline-offset: 3px;
}

/* PDP contact strip: keep visible digits Persian via markup; do not restyle nav. */
.armani-phone-ltr {
    unicode-bidi: isolate;
}