/* The Art of Beauty — custom overrides */

/* Hero slider: aliniază imaginile sus (taie de jos la nevoie) */
.home-slider .item {
    background-position: center top !important;
}

/* Wishlist button: heart roșu plin când e activ */
.wishlist-btn.active i {
    color: #e74c3c;
}
.wishlist-btn:hover i {
    color: #e74c3c;
}

/* Product detail — color swatches.
   Override Bootstrap .btn CSS variables (with !important) so :hover, :active
   and .active keep the swatch background color regardless of Bootstrap state. */
.color-swatch {
    --bs-btn-bg: var(--swatch-color, #ccc) !important;
    --bs-btn-hover-bg: var(--swatch-color, #ccc) !important;
    --bs-btn-active-bg: var(--swatch-color, #ccc) !important;
    --bs-btn-disabled-bg: var(--swatch-color, #ccc) !important;
    --bs-btn-color: transparent !important;
    --bs-btn-hover-color: transparent !important;
    --bs-btn-active-color: transparent !important;
    --bs-btn-border-color: #d0d0d0 !important;
    --bs-btn-hover-border-color: #000 !important;
    --bs-btn-active-border-color: #e74c3c !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #d0d0d0;
    background-color: var(--swatch-color, #ccc) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.color-swatch:hover {
    border-color: #000 !important;
}
.color-swatch:active,
.color-swatch.active,
.color-swatch.show {
    border-color: #e74c3c !important;
}
.color-swatch:hover,
.color-swatch:focus,
.color-swatch:active,
.color-swatch.active,
.color-swatch.show {
    background-color: var(--swatch-color, #ccc) !important;
}
.color-swatch.active {
    box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #e74c3c !important;
}
.color-swatch:focus,
.color-swatch:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #888;
}
.color-swatch.active:focus,
.color-swatch.active:focus-visible {
    box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #e74c3c !important;
}

/* Product detail — size buttons */
.size-btn {
    min-width: 56px;
}
.size-btn.disabled,
.size-btn:disabled {
    opacity: 0.4;
    text-decoration: line-through;
    cursor: not-allowed;
}

/* Product detail — quantity input-group: păstrează alinierea pe orizontală */
.qty-input-group {
    width: 160px;
    flex-wrap: nowrap;
}
.qty-input-group .btn {
    flex: 0 0 auto;
    width: 42px;
}
.qty-input-group .form-control {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
}

/* Cart empty state */
.cart-empty-wrapper {
    min-height: 400px;
}

/* Cart quantity input */
.cart-item-wrapper .quantity-input {
    max-width: 90px;
    text-align: center;
}

/* Cart item divider */
.cart-item-divider {
    margin: 0 0 1rem 0;
    border-top: 1px solid #e5e5e5;
    opacity: 1;
}

/* Sticky-top să rămână sub navbar (template foloseşte z-index ~99) şi sub modale (Bootstrap = 1055) */
.sticky-top {
    z-index: 97 !important;
}