html { height: 100%; background: #ffffff; }

/* Brand palette
   Primary: #EE6103
   Primary-hover: #C74F02
   Dark: #0f0f10
   Text-on-dark: #ffffff
   Muted hover text: #d9d9d9
*/

:root{
  --brand: #EE6103;          /* primary orange */
  --brand-700: #C95716;      /* hover/darker orange */
  --ink: #0f0f10;            /* charcoal/dark surfaces */
  --ink-700: #1b1b1d;        /* slightly lighter dark */
  --bg-50: #f7f7f7;          /* light section background */
}

    body{font-family:'Poppins',sans-serif;color:#333;background:#fff;}
    .navbar{background:var(--ink);}
    .navbar-brand img{height:45px;}
    .navbar-nav .nav-link{color:#fff!important;font-weight:600;margin:0 10px;}
    .navbar-nav .nav-link:hover{color:#d9d9d9!important;}
    .btn-brand{background:var(--brand);border:none;color:#fff;font-weight:600;}
    .btn-brand:hover{background:var(--brand-dark);}
   
.top_menu_custom_links{
    background-color: var(--ink);
    color: white;
}
.top_menu_custom_links .style_blueberry_content{
    background-color: var(--ink);
    color: white;
}
.style_blueberry_container { width: 100%; }

.style_blueberry_header,
.style_blueberry_footer { padding: 20px 5px 10px 10px; width: 100%; }

.style_blueberry_header { background: var(--ink); color: #ffffff; }
.style_blueberry_footer { background: #000000; color: #ffffff; }

.style_blueberry_align_center { align-self: center; }

.style_blueberry_header A { color: #ffffff; }
.style_blueberry_header a[href]:hover { color: #d9d9d9; text-decoration: none; }

.style_blueberry_footer A { color: #ffffff; }
.style_blueberry_footer a[href]:hover { color: #d9d9d9; text-decoration: none; }

/* social / icon accents → brand orange */
.style_blueberry_footer .fas,
.style_blueberry_footer .fab { color: var(--brand); }
.style_blueberry_footer .fab:hover { color: #C74F02; }

.style_blueberry_header_icon,
a.style_blueberry_header_icon,
.style_blueberry_header_icon a { color: var(--brand); text-decoration: none; }
.style_blueberry_header_icon:hover,
a.style_blueberry_header_icon:hover,
.style_blueberry_header_icon a[href]:hover { color: #C74F02 !important; text-decoration: none; }

.logged_in_session_flyout_wrapper a[href]:hover,
.logged_out_session_flyout_wrapper a[href]:hover { color: #d9d9d9 !important; text-decoration: none; }

#logged_out_session_flyout .inet_icon,
#logged_in_session_flyout .inet_icon { color: #ffffff; }
#logged_out_session_flyout a,
#logged_in_session_flyout a { color: #ffffff; }
#logged_out_session_flyout a:hover,
#logged_in_session_flyout a:hover { color: #d9d9d9; }

.style_blueberry_search_form .input-group { width: 100% !important; }

.style_blueberry_top_menu .style_blueberry_title_bar,
.style_blueberry_footer .style_blueberry_title_bar { display: none; }

/* top menu bar → brand orange */
.style_blueberry_top_menu { padding: 5px; background-color: var(--brand); }
.style_blueberry_top_menu .nav-link,
.style_blueberry_top_menu .style_blueberry_title_bar { color: #ffffff !important; font-weight: bold; }
.style_blueberry_top_menu .nav-link:hover,
.style_blueberry_top_menu .style_blueberry_title_bar:hover { color: #d9d9d9 !important; font-weight: bold; }

/* side nav headings/links → brand */
.style_blueberry_side_nav .style_blueberry_title_bar {
    padding: 5px; font-size: 1.5em; color: var(--brand); font-weight: bold;
}
.style_blueberry_side_nav .nav-link { color: var(--brand); }
.style_blueberry_side_nav .nav-link:hover { color: #C74F02; text-decoration: underline; }

.style_blueberry_side_nav .style_blueberry_menu,
.style_blueberry_offcanvas_sub_menu .style_blueberry_menu { margin-bottom: 20px; }

.style_blueberry_side_nav .style_blueberry_content,
.style_blueberry_offcanvas_sub_menu .style_blueberry_content { padding: 0 10px; }

.style_blueberry_side_nav .nav-link,
.style_blueberry_offcanvas_sub_menu .nav-link { padding: 5px; }

.style_blueberry_wrapper { padding: 20px 20px 20px 40px; background-color: #ffffff; }

.style_blueberry_footer .nav-link { padding-bottom: 0; }
.style_blueberry_page_data { padding-left: 40px; }

.style_blueberry_footer_custom_links ul { display: block; }
.style_blueberry_footer li { float: left; list-style: none; width: 50%; }
.style_blueberry_footer .navbar-nav .nav-link {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: .5rem;
}
.style_blueberry_footer .d-flex.flex-column>div { padding-bottom: 5px; }

.style_blueberry_hamburger { display: none; }

/* side menu surface keeps light for readability */
.style_blueberry_side_menu { background-color: #ffffff; }

.style_blueberry_title_bar { pointer-events: none; }

H1 { font-size: 2rem; margin-bottom: 1rem; }
H2 { font-size: 1.75rem; }
H3 { font-size: 1.5rem; }
H4 { font-size: 1.35rem; }

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {

    .style_blueberry_mobile_header_icons a,
    .style_blueberry_mobile_header_icons i { color: var(--brand); }
    .style_blueberry_mobile_header_icons a:hover,
    .style_blueberry_mobile_header_icons i:hover { color: #C74F02; }

    .style_blueberry_title_bar { pointer-events: auto; }

    .style_blueberry_header { padding: 0; background: #000000; color: #ffffff; }
    .style_blueberry_header .fa-shopping-cart { vertical-align: top; }

    .style_blueberry_mobile_float_right { float: right; }
    .style_blueberry_mobile_float_right .row { display: inline-flex; float: right; }
    .style_blueberry_cart_status { padding-right: 15px; }
    .style_blueberry_mobile_header_icons { align-self: center; }

    .style_blueberry_footer { padding: 0 0 0 10px; }

    .style_blueberry_side_nav .style_blueberry_content,
    #style_blueberry_offcanvas_custom_links .style_blueberry_title_bar,
    .style_blueberry_offcanvas_sub_menu .style_blueberry_content { display: none; }

    /* mobile side/top menus → dark */
    .style_blueberry_top_menu,
    .style_blueberry_side_nav .style_blueberry_title_bar,
    .style_blueberry_side_nav .style_blueberry_content { background-color: var(--ink); }

    .style_blueberry_top_menu .nav-link,
    #style_blueberry_off_canvas_links .nav-link { color: #ffffff !important; font-weight: bold; }
    .style_blueberry_top_menu .nav-link:hover,
    #style_blueberry_off_canvas_links .nav-link:hover { color: #d9d9d9 !important; font-weight: bold; }

    /* mobile burger bar → brand orange */
    .style_blueberry_mobile_top_menu { background-color: var(--brand); margin-right: 0; }
    .style_blueberry_mobile_top_menu .style_blueberry_hamburger_icon { color: #ffffff; }
    .style_blueberry_mobile_top_menu .style_blueberry_hamburger_icon:hover { color: #d9d9d9; }
    .style_blueberry_mobile_top_menu .header_menu_search_form { margin-top: 12px; }

    .style_blueberry_hamburger { display: inline-block; float: left; font-size: 2rem; }
    #off_canvas_hamburger_flyout nav { padding-top: 0; padding-bottom: 0; }

    .style_blueberry_top_menu .style_blueberry_title_bar { display: none; }
    .style_blueberry_side_nav .style_blueberry_hamburger { display: none; }
    .style_blueberry_side_nav .style_blueberry_menu { margin-bottom: 0; }

    .style_blueberry_side_nav .style_blueberry_title_bar,
    .style_blueberry_offcanvas_sub_menu .nav-link,
    .style_blueberry_offcanvas_sub_menu .style_blueberry_title_bar,
    #offcanvas_refine_flyout .style_blueberry_title_bar {
        color: #ffffff; font-size: 16px; padding: 8px 16px; font-weight: bold;
    }

    .style_blueberry_offcanvas_backto_main_menu { padding: 0 0 20px 6px; color: #ffffff; }
    .style_blueberry_side_nav .style_blueberry_title_bar:hover,
    .style_blueberry_offcanvas_sub_menu .nav-link:hover,
    #offcanvas_refine_flyout .style_blueberry_title_bar:hover,
    .style_blueberry_offcanvas_backto_main_menu:hover { color: #d9d9d9; }

    .style_blueberry_offcanvas_sub_menu .style_blueberry_title_bar { color: #ffffff; font-size: 18px; }
    .style_blueberry_side_nav .style_blueberry_content,
    #offcanvas_refine_flyout .style_blueberry_content { padding-left: 20px; }

    .off_canvas_flyout_content {
        height: 100%; position: fixed; top: 0; z-index: -1; width: 0; overflow-x: hidden;
        transition: 0.2s; padding-left: 10px; margin-left: -10px; padding-right: 0;
    }

    .style_blueberry_off_canvas_display { left: 0; padding-top: 10px; z-index: 1030; background-color: var(--ink); }
    .style_blueberry_off_canvas_display A { color: #ffffff; }

    .cart_menu_messages,
    #offcanvas_refine_flyout .refine_count { color: #ffffff; }

    #offcanvas_refine_flyout .style_blueberry_triangle_icon { display: none; }
    #offcanvas_refine_flyout .style_blueberry_title_bar { pointer-events: none; }
    .style_blueberry_offcanvas_sub_menu .style_blueberry_triangle_icon,
    #offcanvas_refine_flyout .style_blueberry_triangle_icon { display: none; }

    .style_blueberry_refine_status { background-color: #ffffff; padding: 20px; }
    #offcanvas_refine_flyout .style_blueberry_active_filters { font-size: 16px; font-weight: bold; }
    .style_blueberry_off_canvas_display .gift_card_cart_status { color: #ffffff; }

    .style_blueberry_customer_logo IMG { padding: 20px 5px; max-height: 150px; width: auto; }

    .cart_item_count {
        position: absolute; top: -13px; left: 17px; font-size: 10px; font-weight: bold; padding: 3px;
        background: var(--brand); color: #ffffff; border-radius: 2px;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    #nav_data_custom_links .header_menu_search_form {
        position: absolute; margin-right: 25px; padding-top: 15px; right: 0; width: 70%;
    }
    .style_blueberry_session_flyout_display { width: 50% !important; }
    .style_blueberry_session_flyout_close { right: 50%; }
    .style_blueberry_off_canvas_display { width: 50%; }
    .style_blueberry_hamburger_flyout_close { left: 50%; }
}

@media (max-width: 576px) {
    #nav_data_custom_links .header_menu_search_form {
        position: absolute; margin-right: 25px; padding-top: 15px; right: 0;
    }
    .style_blueberry_off_canvas_display { width: 70%; }
    .style_blueberry_hamburger_flyout_close { left: 70%; }
}

@media (min-width: 441px) and (max-width: 580px) {
    .style_blueberry_session_flyout_display { width: 60% !important; }
    .style_blueberry_session_flyout_close { right: 60%; }
}

@media (max-width: 440px) {
    .style_blueberry_session_flyout_display { width: 75% !important; }
    .style_blueberry_session_flyout_close { right: 75%; }
}

@media (min-width: 768px) {
    .style_blueberry_session_flyout_display { width: 40% !important; }
    .style_blueberry_session_flyout_close { right: 40%; }
    #style_blueberry_off_canvas_links { display: none; }
    .style_blueberry_align_center-md { align-self: center; }
    .cart_item_count { display: none; }
}

@media (min-width: 768px) and (max-width: 878px) { .style_blueberry_mobile_float_right { padding-left: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
    .style_blueberry_customer_logo IMG { height: auto; max-width: 133px; }
}
@media (min-width: 768px) and (max-width: 878px) {
    .style_blueberry_cart_width { width: auto; max-width: none; flex: 0 0 auto; }
}
@media (min-width: 878px) and (max-width: 991px) {
    .style_blueberry_cart_width { max-width: 25%; flex: 0 0 25%; }
}
@media (min-width: 992px) and (max-width: 1060px) {
    .style_blueberry_cart_width { width: auto; max-width: none; flex: 0 0 auto; }
}
@media (min-width: 993px) {
    .style_blueberry_session_flyout_display { width: 30% !important; }
    .style_blueberry_session_flyout_close { right: 30%; }
    .style_blueberry_align_center-lg { align-self: center; }
}
@media (min-width: 1200px) {
    .style_blueberry_session_flyout_display { width: 25% !important; }
    .style_blueberry_session_flyout_close { right: 25%; }
    .style_blueberry_align_center-xl { align-self: center; }
}
@media (min-width: 1921px) {
    .style_blueberry_body, .style_blueberry_header_row { max-width: 1920px; }
}

.logged_out_session_flyout_wrapper,
.logged_in_session_flyout_wrapper {
    height: 100%; position: fixed; z-index: -1; width: 0; overflow-x: hidden;
    transition: 0.5s; padding-left: 10px; margin-left: -10px; right: 0; top: 0;
}

.style_blueberry_session_flyout_display {
    height: 100%; right: 0; padding-top: 10px; z-index: 1030;
    background-color: var(--ink); color: #ffffff; top: 0;
}

.style_blueberry_session_flyout_close,
.style_blueberry_hamburger_flyout_close {
    position: absolute; top: 10px; padding-right: 10px; color: #FFFFFF; z-index: 1040;
}

.offcanvas_backdrop {
    position: fixed; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%;
    top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;
}
.offcanvas_overlay { z-index: 2000; }

.style_blueberry_language_selection_mobile { text-transform: uppercase; }

@media print {
    .style_blueberry_wrapper { width: 100% !important; max-width: 100% !important; }
}

/* Email colors → brand */
.email_body { background-color: #ffffff; color: var(--ink); }
.email_body A,
.email_body A:visited { color: var(--brand); }
.email_body A:hover { color: #C74F02; }

.carousel-caption span.carousel-caption-text { background: rgba(0,0,0,0.5); }


/* === override styles === */
/* tweak these 5 lines to fine-tune shades */

/* headers / footers */
.style_blueberry_header{ background: var(--ink); color:#fff; }
.style_blueberry_footer{ background: #000; color:#fff; }

/* links in header/footer */
.style_blueberry_header a,
.style_blueberry_footer a{ color:#fff; }
.style_blueberry_header a[href]:hover,
.style_blueberry_footer a[href]:hover{ color:#d9d9d9; }

/* icon accents → brand */
.style_blueberry_header_icon,
a.style_blueberry_header_icon,
.style_blueberry_header_icon a{ color: var(--brand); text-decoration:none; }
.style_blueberry_header_icon:hover,
a.style_blueberry_header_icon:hover,
.style_blueberry_header_icon a[href]:hover{ color: var(--brand-700)!important; }

/* top menu bar → orange band, white text */
.style_blueberry_top_menu{ padding:5px; background: var(--brand); }
.style_blueberry_top_menu .nav-link,
.style_blueberry_top_menu .style_blueberry_title_bar{ color:#fff!important; font-weight:700; }
.style_blueberry_top_menu .nav-link:hover,
.style_blueberry_top_menu .style_blueberry_title_bar:hover{ color:#d9d9d9!important; }

/* side nav headings/links */
.style_blueberry_side_nav .style_blueberry_title_bar{ color: var(--brand); font-weight:700; }
.style_blueberry_side_nav .nav-link{ color: var(--brand); }
.style_blueberry_side_nav .nav-link:hover{ color: var(--brand-700); text-decoration:underline; }

/* body/sections */
html, .style_blueberry_wrapper{ background:#fff; }
.style_blueberry_side_menu{ background:#fff; }        /* keep menu light */
.style_blueberry_page_data{ padding-left:40px; }
.carousel-caption span.carousel-caption-text{ background: rgba(0,0,0,.5); }

/* footer icons (social, etc.) */
.style_blueberry_footer .fas,
.style_blueberry_footer .fab{ color: var(--brand); }
.style_blueberry_footer .fab:hover{ color: var(--brand-700); }

/* session flyouts / offcanvas on dark */
.style_blueberry_session_flyout_display,
.style_blueberry_off_canvas_display{ background: var(--ink); color:#fff; }
.style_blueberry_off_canvas_display a{ color:#fff; }

/* email palette to match site */
.email_body{ background:#fff; color: var(--ink); }
.email_body a, .email_body a:visited{ color: var(--brand); }
.email_body a:hover{ color: var(--brand-700); }

/* optional: buttons & badges if present in theme */
.btn-primary,
button.btn-primary{ background: var(--brand); border-color: var(--brand); color:#fff; }
.btn-primary:hover,
button.btn-primary:hover{ background: var(--brand-700); border-color: var(--brand-700); }
.badge-primary{ background: var(--brand); }

/* --- mobile tweaks --- */
@media (max-width: 767.98px){
  /* mobile top bar stays dark, icons use orange like Grange */
  .style_blueberry_header{ background:#000; }
  .style_blueberry_mobile_header_icons a,
  .style_blueberry_mobile_header_icons i{ color: var(--brand); }
  .style_blueberry_mobile_header_icons a:hover,
  .style_blueberry_mobile_header_icons i:hover{ color: var(--brand-700); }

  /* mobile burger strip → orange */
  .style_blueberry_mobile_top_menu{ background: var(--brand); }
  .style_blueberry_mobile_top_menu .style_blueberry_hamburger_icon{ color:#fff; }

  /* flyout panels dark */
  .style_blueberry_top_menu,
  .style_blueberry_side_nav .style_blueberry_title_bar,
  .style_blueberry_side_nav .style_blueberry_content{ background: var(--ink); }

  /* cart bubble looks branded */
  .cart_item_count{
    background: var(--brand); color:#fff; border-radius:2px;
  }
}