/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ============ Macorner-style redesign (added 2026-04-18) ============ */

/* Top bar: soft cream, navy text (not full orange) — stronger override vs Flatsome's generated .header-top bg */
html body .header-top,
html body #top-bar,
html body #wrapper .header-top,
.header .header-top {
    background: #FFF2E0 !important;
    background-color: #FFF2E0 !important;
    border-bottom: 1px solid rgba(26, 44, 80, 0.08);
}
html body .header-top *,
html body .header-top a,
html body .header-top li,
html body .header-top .nav > li > a {
    color: #1A2C50 !important;
}
html body .header-top a:hover,
html body .header-top .nav > li > a:hover {
    color: #FF6A00 !important;
}

/* Force banner bg-layer visible (bypass LiteSpeed/Perfmatters lazy opacity on .bg) */
.ux-banner .banner-bg .bg,
.banner .bg,
.section-bg.bg,
.ux-banner .bg {
    opacity: 1 !important;
}

/* Primary buttons — pill shape, macorner-style */
.button.primary,
.button.success,
button[type="submit"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button {
    border-radius: 99px !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding-left: 28px;
    padding-right: 28px;
}

/* Section titles — bold navy centered */
h2.section-title,
.section-title-center,
.section-title b {
    color: #1A2C50 !important;
    font-weight: 800;
    letter-spacing: -0.3px;
}

/* Category grid — square tiles with soft rounded corners
   (Flatsome writes inline style="border-radius:100%;" on .box-image; override it.
   Do NOT target .image-cover — that wrapper carries padding-top:100% aspect ratio.) */
.product-category .box-image {
    border-radius: 12px !important;
}
.product-category .box-image img {
    border-radius: 12px !important;
}
.product-category .box-text {
    padding-top: 14px;
}
.product-category .box-text a {
    color: #1A2C50 !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Product card polish — show rating clearly */
.product-small .star-rating {
    display: block !important;
    margin: 4px auto 6px;
}
.product-small .price {
    color: #1A2C50;
    font-weight: 700;
}

/* Discount badge — brand orange (was navy) */
.badge.onsale .badge-inner,
.callout .badge-inner,
span.onsale,
.product-small .badge-inner,
.product .badge-inner {
    background-color: #FF6A00 !important;
    color: #FFFFFF !important;
    border-color: #FF6A00 !important;
}

/* Hero banner overlay text shadow for readability */
.ux-banner h1, .ux-banner h2, .ux-banner p {
    text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Footer tuning */
.footer-2 {
    background: #1A2C50 !important;
}
.footer-widgets h3, .footer-widgets .widget-title {
    color: #FF6A00;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.95em;
}

/* Promo strip highlight */
.dark .button.primary {
    background: #FF6A00 !important;
    border-color: #FF6A00 !important;
}

/* Remove the old orange-on-orange hero inline style leakage if any */
.home .ux_banner [style*="linear-gradient"] {
    background-image: none !important;
}

/* Product price line (standalone display above add-to-cart) */
.jv-product-price-line {
    font-size: 1.35em;
    font-weight: 700;
    color: #1A2C50;
    margin: 6px 0 12px;
    line-height: 1.3;
}
.jv-product-price-line .jv-price-label {
    color: #1A2C50;
    font-weight: 600;
    margin-right: 6px;
}
.jv-product-price-line .jv-price-value,
.jv-product-price-line .woocommerce-Price-amount {
    color: #FF6A00 !important;
    font-weight: 800;
}
.jv-product-price-line del .woocommerce-Price-amount {
    color: #9a9a9a !important;
    font-weight: 500;
    margin-right: 6px;
}
.jv-product-price-line ins { text-decoration: none; }

/* Related products — center row + enlarge images ~20% (2026-04-19) */
/* Center the row when fewer products than columns fill it */
.related-products-wrapper .row,
.related-products-wrapper > .products > .row,
.upsells.products .row {
    justify-content: center !important;
}
/* Bump image size +20% via margin trick on the box (Flatsome's aspect-ratio hack
   uses padding-top on .box-image; we grow the .box container instead, which lets
   the box-image breathe 20% wider. Row gaps stay default so cards don't collide. */
.related-products-wrapper .product-small .box,
.upsells.products .product-small .box {
    transform: scale(1.2);
    transform-origin: center top;
    margin-bottom: 2em;
}
/* Give the row more vertical room so the scale doesn't overlap the next section */
.related-products-wrapper,
.upsells.products {
    padding-bottom: 2em;
}

/* ============ end macorner redesign ============ */


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.header-top { font-size: 0.78em; }
h2.section-title { font-size: 1.4em !important; }

}