/*
 * Custom CSS for SKT Mattress Child.
 * Add all visual adjustments here.
 */

:root {
    --site-navy: #0B1F33;
    --site-blue: #0B5CAB;
    --site-orange: #F97316;
    --site-dark: #1F2933;
    --site-gray: #5B677A;
    --site-light: #F5F7FA;
    --site-border: #E5E7EB;
    --site-white: #FFFFFF;
}

/* Basic image safety */
img {
    max-width: 100%;
    height: auto;
}

/* Homepage heading color base */
.site-homepage h1,
.site-homepage h2,
.site-homepage h3 {
    color: var(--site-navy);
}

/* General CTA style, apply this class manually where needed */
.site-quote-btn,
a.site-quote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 26px;
    border-radius: 4px;
    background: var(--site-orange);
    color: var(--site-white) !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.site-quote-btn:hover,
a.site-quote-btn:hover {
    background: #ea650c;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(249, 115, 22, .24);
}
.skt-mattress-luxury-product .woocommerce ul.products li.product {
    width: 24%;
    border-radius: 0px;
    background: #f6f6f6;
    padding-bottom: 0px;
    box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 24%;
    margin: 0.5%;
    display: inline-block;
    float: left;
}
.skt-mattress-luxury-product .skt-product-img img {
    width: 100% !important;
}
.skt-mattress-luxury-product .skt-product-img {
    height: auto;
    margin-bottom: 15px;
    padding: 0px;
}
.skt-mattress-luxury-product .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
}
.slider-main .nivo-caption .nivo-caption-content {
    max-width: 50%;
}
.testimonial-dtl i {
    font-size: 20px;
}
.skt-testimonial-title {
    font-weight: 500;
}