/* Color Palette & Custom Styles */
.primary-bg {
    background-color: #E7B1A5; /* Custom Peach Primary */
}

.primary-text {
    color: #E7B1A5;
}

.gold-accent {
    color: #C5A059; /* Matching Gold Accent */
}

/* Navbar & Utility Text */
.navbar-light .navbar-brand,
.navbar-light .nav-link {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
}

/* Category Header */
.category-header {
    background-color: #FFFFFF;
    border: 2px solid #E7B1A5;
    padding: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #000000;
    text-align: center;
    font-size: 2.0rem;
}

/* Product Price */
.main-product-price {
    font-size: 1.5rem;
    font-weight: 400;
    color: #C5A059; /* Gold */
    margin-bottom: 1rem;
}

/* Color Swatches */
.color-selector {
    display: flex;
    gap: 10px;
    margin-bottom: 1rem;
}

.color-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #E7B1A5;
    cursor: pointer;
    transition: transform 0.2s;
}

.color-btn:hover, .color-btn.active {
    transform: scale(1.1);
    border-color: #000000;
}

/* Quantity and Buttons */
.quantity-input {
    width: 80px;
    margin-right: 15px;
    text-align: center;
}

.btn-add-to-cart {
    background-color: #E7B1A5;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: none;
    transition: background-color 0.2s;
}

.btn-add-to-cart:hover {
    background-color: #C5A059; /* Gold on hover */
    color: #FFFFFF;
}

/* Typography overrides for Roboto utility feel */
.btn, .input-group, p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

/* BOOTSTRAP PAGINATION COLORING */
.pagination {
    /* Default Link State */
    --bs-pagination-color: #000000;               /* Black for crisp, clear text */
    --bs-pagination-bg: #FFFFFF;                  /* Clean white background */
    --bs-pagination-border-color: #E7B1A5;        /* Primary rose border */

    /* Hover State */
    --bs-pagination-hover-color: #000000;         /* Black text on light hover */
    --bs-pagination-hover-bg: #f9ece8;            /* Soft pastel tint derived from primary */
    --bs-pagination-hover-border-color: #d89b8e;  /* Slightly darker primary border */

    /* Active State */
    --bs-pagination-active-color: #FFFFFF;        /* Crisp white text */
    --bs-pagination-active-bg: #E7B1A5;           /* Primary rose fill for current page */
    --bs-pagination-active-border-color: #d89b8e; /* Deeper primary border for crisp edges */

    /* Disabled State */
    --bs-pagination-disabled-color: #B0B0B0;      /* Muted gray for disabled controls */
    --bs-pagination-disabled-bg: #FFFFFF;
    --bs-pagination-disabled-border-color: #E7B1A5;

    /* Focus Ring (Keyboard Navigation) */
    --bs-pagination-focus-color: #000000;
    --bs-pagination-focus-bg: #f9ece8;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(231, 177, 165, 0.4); /* Subtle rose glow */
}