/* --- Palette Updates for Shop, Account, Quote --- */

/* Dark Gradient Background matching image palette */
.palette-dark {
    background-color: #373737;
    background-image: -moz-linear-gradient(top, #4F4E4E, #2A2A2A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4F4E4E), to(#2A2A2A));
    background-image: -webkit-linear-gradient(top, #4F4E4E, #2A2A2A);
    background-image: -o-linear-gradient(top, #4F4E4E, #2A2A2A);
    background-image: linear-gradient(to bottom, #4F4E4E, #2A2A2A);
    background-repeat: repeat-x;
    color: #ffffff;
}

/* Shop Product Card */
/* Shop Product Card */
.product-card {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
}

.product-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.product-card a {
    color: #333;
    text-decoration: none;
}

.product-card a:hover h4 {
    color: #F2B115;
}

.product-card h4,
.product-card h5 {
    color: #333;
    font-family: "NeoSansStdMedium", sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
}

.product-card .text-muted {
    color: #999;
}

/* Category Sidebar Active State */
.sidebar-category li.active a {
    color: #F2B115;
    font-weight: bold;
}


/* Override input styling inside dark blocks to look good */
.palette-dark input,
.palette-dark select,
.palette-dark textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
}

/* Account / Quote Blocks */
.side-block.side-block-palette {
    background-color: #373737;
    background-image: linear-gradient(to bottom, #4F4E4E, #2A2A2A);
    color: #ffffff !important;
    border: 1px solid #444;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.side-block.side-block-palette h1,
.side-block.side-block-palette h2,
.side-block.side-block-palette h3,
.side-block.side-block-palette h4,
.side-block.side-block-palette h5,
.side-block.side-block-palette p,
.side-block.side-block-palette label {
    color: #ffffff;
}

.side-block.side-block-palette h3.side-block-title,
.side-block.side-block-palette h2.other-page-subtitle,
.side-block.side-block-palette h1 {
    color: #F2B115;
    /* Orange Accent */
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Dark Tables in Palette Blocks */
.side-block.side-block-palette .table th {
    color: #F2B115;
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #555;
}

.side-block.side-block-palette .table td {
    color: #eeeeee;
    border-top: 1px solid #555;
}

.side-block.side-block-palette .table-striped tbody>tr:nth-child(odd)>td,
.side-block.side-block-palette .table-striped tbody>tr:nth-child(odd)>th {
    background-color: rgba(255, 255, 255, 0.05);
    /* Slight lightening for stripe */
}

/* Links in dark blocks */
.side-block.side-block-palette a:not(.btn):not(.custom-btn) {
    color: #F2B115;
}

.side-block.side-block-palette a:not(.btn):not(.custom-btn):hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Update default Text colors for these pages if wrapping usually */
.text-orange {
    color: #F2B115 !important;
}

/* Custom Btn Adjustments if needed to pop against dark */
.custom-btn-orange {
    background-color: #F2B115 !important;
    background: #F2B115 !important;
    color: #363636 !important;
    font-family: "NeoSansStdMedium", sans-serif;
    border: none;
    padding: 10px 20px;
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: none;
}

.custom-btn-orange:hover {
    background: #e0a313 !important;
    background-color: #e0a313 !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Global Font Application - NeoSans */
body,
p,
span,
a,
div,
li,
td,
th,
input,
textarea,
select,
button {
    font-family: "neosansregular", "NeoSansStdMedium", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "NeoSansStdMedium", "neosansregular", sans-serif;
}

/* White background override for Single Product Page */
.side-block.side-block-white {
    background-color: #ffffff;
    background-image: none;
    color: #333333 !important;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.side-block.side-block-white h1,
.side-block.side-block-white h2,
.side-block.side-block-white h3,
.side-block.side-block-white h4,
.side-block.side-block-white h5,
.side-block.side-block-white p,
.side-block.side-block-white label,
.side-block.side-block-white li {
    color: #333333;
}

.side-block.side-block-white h3.side-block-title,
.side-block.side-block-white h1 {
    color: #333333;
    /* Dark text for title on white bg */
    border-bottom: 2px solid #f0f0f0;
}

.side-block.side-block-white a {
    color: #333333;
}

.side-block.side-block-white a:hover {
    color: #F2B115;
}

/* Pagination Styling */
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.pagination li {
    margin: 0 5px;
}

.pagination li .page-link {
    display: inline-block;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-family: "NeoSansStdMedium", sans-serif;
    transition: all 0.2s ease;
}

.pagination li.active .page-link {
    background-color: #F2B115;
    border-color: #F2B115;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pagination li .page-link:hover {
    background-color: #e0a313;
    border-color: #e0a313;
    color: #fff;
}

.pagination li.disabled .page-link {
    background-color: #eee;
    color: #999;
    cursor: not-allowed;
    border-color: #eee;
}