/* ==========================================================================
   CanAm brand refresh: header, typography, buttons, shadows, form fields.
   Reference: betastaging.canamcurrencyexchange.com (CanAm Currency Exchange & Bullion).
   Loaded last (after additional_style.css). Styling only: no WPBakery layout,
   spacing, content or functionality changes.
   Fonts: Lora (body), League Spartan (h1, h2), Cinzel (h3-h5).
   ========================================================================== */

/* ---------- 1. Typography ---------- */
html body{
    font-family:'Lora', serif !important;            /* child style.css forces ProximaNova !important */
}
body button, body input, body select, body textarea, body optgroup,
.section__payment, .section__payment *, #header-charts .nav .nav-item a,
.my-modal-box .message_text_color{
    font-family:inherit;
}
html body h1, html body h2{
    font-family:'League Spartan', sans-serif;
    font-weight:700;
}
html body h1{ font-size:45px; line-height:1.15; }
html body h2{ font-size:36px; line-height:1.2; }
html body h3, html body h4, html body h5{
    font-family:'Cinzel', serif;
    font-weight:700;
}
html body h6{ font-family:'Lora', serif; }
/* Product names in product grids stay in the body font (they are <h2> in WooCommerce) */
html body .woocommerce-loop-product__title, html body ul.products li.product h2,
html body ul.products li.product h3{
    font-family:'Lora', serif;
    font-weight:600;
    font-size:inherit;
    line-height:inherit;
}
@media (max-width:767px){
    html body h1{ font-size:32px; }
    html body h2{ font-size:28px; }
}
/* footer.php sets Helvetica Neue !important on .custom-footer */
html body footer.custom-footer{ font-family:'Lora', serif !important; }
/* WPBakery "Custom Heading" elements carry an inline Google font (Roboto) */
html body h1.vc_custom_heading, html body h2.vc_custom_heading{ font-family:'League Spartan', sans-serif !important; }
html body h3.vc_custom_heading, html body h4.vc_custom_heading, html body h5.vc_custom_heading{ font-family:'Cinzel', serif !important; }
html body div.vc_custom_heading, html body p.vc_custom_heading, html body h6.vc_custom_heading{ font-family:'Lora', serif !important; }
/* Product badges (Top pick, sale tags) used a separate 'Primary' face */
html body .inner .prodTag, html body .product .prodTag,
html body .inner .tag_topick, html body .product .tag_topick{ font-family:'Lora', serif !important; }

/* ---------- 2. Header ---------- */
/* Announcement bar: solid black, gold lead-in */
.top_bar.navbar-st{
    background:#000 !important;
    box-shadow:none !important;
}
.top_bar.navbar-st .h_text, .top_bar.navbar-st .h_text a{ color:#fff; letter-spacing:.2px; }
.top_bar.navbar-st .h_text a strong{ color:#CCA473; }

/* Price ticker row: clean white with a hairline */
.currency_cont{
    background:#fff !important;
    border-bottom:1px solid #eee;
}

/* Sign up / account buttons (reference LOGIN / REGISTER) */
.nav_login_cont .btn_cont .btn_top{
    border-radius:10px;
    font-size:12px;
    font-weight:700;
    border-width:1px;
}
.nav_login_cont .btn_cont .btn_top:hover{ border-width:1px !important; }   /* no 1px jump on hover */
.nav_login_cont .btn_cont .btn_top + .btn_top{      /* account icon = outline style */
    background:transparent !important;
    color:#CCA473 !important;
    border-color:#CCA473 !important;
}
.nav_login_cont .btn_cont .btn_top + .btn_top:hover{
    background:#CCA473 !important;
    color:#fff !important;
}

/* Main header bar: reference gradient */
nav.navbar-st{
    background:linear-gradient(48deg, #000000 45%, #CCA473 135%) !important;
    box-shadow:none !important;
    color:#fff;
}
nav.navbar-st .navbar-left img.logo{
    width:200px !important;            /* new logo (CANAM-NEW-LOGO-03, white lettering) */
    max-width:200px !important;
    height:auto !important;
    max-height:none !important;
}
nav.navbar-st .navbar-left a{ display:inline-block; }
@media (min-width:1201px){
    nav.navbar-st #menu-main-menu > li > a{
        color:#fff;
        font-size:15px;
        letter-spacing:.3px;
        text-transform:capitalize;
    }
    nav.navbar-st #menu-main-menu > li > a:hover,
    nav.navbar-st #menu-main-menu > li.current-menu-item > a,
    nav.navbar-st #menu-main-menu > li.current-menu-ancestor > a{
        color:#CCA473;
    }
    nav.navbar-st #menu-main-menu > li.color-red > a{ color:#CCA473 !important; font-weight:700 !important; }   /* "Deals" was red */
    nav.navbar-st #menu-main-menu > li.color-red > a:hover{ color:#fff !important; }
}
nav.navbar-st .menu-item-has-children > a:after{ color:inherit; }
nav.navbar-st .site-header-cart a, nav.navbar-st .site-header-cart i,
nav.navbar-st .lang-curr-cont a, nav.navbar-st .lang-curr-cont i,
nav.navbar-st .navbar-toggle{
    color:#fff;
}
/* Search: white field with reference corners */
nav.navbar-st .search_cont{ background:transparent !important; }
nav.navbar-st input.search-field{
    border-radius:10px !important;
    border-color:transparent !important;
    background:#fff;
    box-shadow:none !important;
}

/* Sticky state: the slim top bar stays black (child style.css .tb_fixed had the gradient) */
.tb_fixed{ background:#000 !important; }

/* Dropdowns / mega menu: clean white panel, soft reference shadow, black headings, gold hovers */
@media (min-width:1201px){
    nav.navbar-st #menu-main-menu > li > .sub-menu{
        background:#fff !important;
        box-shadow:0 20px 40px 0 rgba(0,0,0,.15);
        border-top:2px solid #CCA473;
        border-radius:0 0 10px 10px;
    }
    nav.navbar-st #menu-main-menu .sub-menu .sub-menu{ background:transparent !important; }
    nav.navbar-st #menu-main-menu li.mega_head > a{          /* mega-menu section headings */
        color:#000 !important;
        font-weight:700;
        letter-spacing:.3px;
    }
    nav.navbar-st #menu-main-menu .sub-menu a{ color:#000; }
    nav.navbar-st #menu-main-menu .sub-menu a:hover{ color:#CCA473 !important; }
}

/* Mobile: white hamburger on the dark header, Deals in gold like desktop */
nav.navbar-st .navbar-toggle .icon-bar{ background-color:#fff !important; }
@media (max-width:1200px){
    #menu-main-menu li.color-red > a{ color:#CCA473 !important; font-weight:700 !important; }
}

/* Page / category title bars keep the gradient, without the old blue-gray shadow */
header.entry-header{ box-shadow:none !important; }

/* ---------- 3. Buttons: reference shape (10px corners, Lora) ---------- */
.btn, a.button, button.button, input.button, .button,
.single_add_to_cart_button, .wpforms-submit, .vc_btn3.vc_btn3-shape-rounded,
.vc_btn3.vc_btn3-shape-round, .xoo-wl-btn-container button, .xoo-wl-action-btn,
.read_more, .affiliate-join a, .btn-storage, .cat-product-review-btn,
.k-pc-product-actions a, .mini-cart-header-btn button, .schedule-button,
.cfw-primary-btn, .more-review-custom-btn > a, .app-popup-buttons a.btn,
.woocommerce-mini-cart__buttons a, .atc-cont a, input[type=submit]{
    border-radius:10px !important;
}
.btn, a.button, button.button, .button, .single_add_to_cart_button,
.wpforms-submit, .vc_btn3, input[type=submit], .read_more{
    font-family:'Lora', serif;
}
/* Quantity boxes next to Add to cart follow the same corners */
input.inline-qnty, .quantity input.qty, select.orderby{
    border-radius:10px !important;
}

/* ---------- 4. Cards and shadows (reference: soft 4px shadow, 20px corners) ---------- */
ul.products li.product .inner, .whn-cont .item .inner, #prod_slider .inner,
#prod_slider_featured .inner, .prod_slider .inner{
    box-shadow:0 0 4px 0 rgba(0,0,0,.25) !important;
    border-radius:20px !important;
}
.blog-inner-cont{
    box-shadow:0 0 4px 0 rgba(0,0,0,.25) !important;
    border-radius:15px;
    border-bottom-color:#CCA473 !important;      /* accent line under news cards was blue */
}
.vc_icon_element-inner.vc_icon_element-have-style-inner{
    box-shadow:0 0 4px 0 rgba(0,0,0,.25) !important;
}
.vc_single_image-wrapper.vc_box_shadow_border, .vc_single_image-img{
    box-shadow:0 0 4px 0 rgba(0,0,0,.25);
}

/* ---------- 5. Form fields (reference: light fill, 10px corners, soft shadow) ---------- */
.main_cont div.wpforms-container .wpforms-form input[type=text],
.main_cont div.wpforms-container .wpforms-form input[type=email],
.main_cont div.wpforms-container .wpforms-form input[type=tel],
.main_cont div.wpforms-container .wpforms-form input[type=number],
.main_cont div.wpforms-container .wpforms-form select,
.main_cont div.wpforms-container .wpforms-form textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
    background:#F8F9FA !important;
    border:2px solid rgba(0,0,0,.1) !important;
    border-radius:10px !important;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.2);
}
.main_cont div.wpforms-container .wpforms-form input:focus,
.main_cont div.wpforms-container .wpforms-form select:focus,
.main_cont div.wpforms-container .wpforms-form textarea:focus,
.woocommerce form .form-row input.input-text:focus{
    border-color:#CCA473 !important;
    outline:none;
}