/* Ola Supplies logo size */
img.logo_default[src*="ola-supplies-logo"]{width:150px!important;min-width:0!important;height:auto!important;}
@media (max-width:767px){img.logo_default[src*="ola-supplies-logo"]{width:120px!important;}}
/* Ola cookie banner */
#ecom-cookie-notice{background:linear-gradient(120deg,#1E6674 0%,#3A9DAF 100%)!important;border-top:3px solid #5E9128!important;box-shadow:0 -6px 24px rgba(30,102,116,.25)!important}
#ecom-cookie-notice,#ecom-cookie-notice .ecom-cookie-content,#ecom-cookie-notice p{color:#FFFFFF!important}
#ecom-cookie-notice .ecom-accept-btn{background:#5E9128!important;border:2px solid #5E9128!important;color:#FFFFFF!important;border-radius:8px!important}
#ecom-cookie-notice .ecom-accept-btn:hover{background:#4E7C1F!important;border-color:#4E7C1F!important}
#ecom-cookie-notice .ecom-decline-btn{background:transparent!important;border:2px solid #FFFFFF!important;color:#FFFFFF!important;border-radius:8px!important}
#ecom-cookie-notice .ecom-decline-btn:hover{background:rgba(255,255,255,.15)!important}
#ecom-cookie-notice [class*=close]{color:#FFFFFF!important}
#ecom-cookie-notice .ecom-cookie-close,#ecom-cookie-notice .ecom-cookie-close:hover,#ecom-cookie-notice .ecom-cookie-close:focus,#ecom-cookie-notice .ecom-cookie-close:active{background:rgba(255,255,255,.15)!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:50%!important;box-shadow:none!important;outline:none!important}
#ecom-cookie-notice .ecom-cookie-close:hover{background:#5E9128!important;border-color:#5E9128!important}
/* end cookie */
/* Ola top bar spacing */
.info-topbar{column-gap:4px!important;gap:4px!important}
/* Ola category dropdown */
.select2-dropdown:has(ul[id^="select2-category-"][id$="-results"]){width:300px!important;border:1px solid #D5E3E6!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(30,102,116,.16)!important;overflow:hidden!important;background:#fff!important;margin-top:6px}
.select2-dropdown:has(ul[id^="select2-category-"][id$="-results"]) .select2-search{padding:10px 10px 6px!important}
.select2-dropdown:has(ul[id^="select2-category-"][id$="-results"]) .select2-search__field{border:1px solid #D5E3E6!important;border-radius:8px!important;padding:8px 10px!important;font-size:14px!important;outline:none!important}
.select2-dropdown:has(ul[id^="select2-category-"][id$="-results"]) .select2-search__field:focus{border-color:#3A9DAF!important}
ul[id^="select2-category-"][id$="-results"]{max-height:380px!important;padding:4px 0 8px!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__option{font-size:14px!important;line-height:1.35!important;padding:8px 16px!important;color:#1E6674!important;font-weight:600!important;border:0!important;margin:0!important;background:transparent!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__options--nested .select2-results__option{font-weight:400!important;color:#4A5868!important;padding:6px 16px 6px 30px!important;font-size:13.5px!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__option--group{padding:0!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__group:empty{display:none!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__option--highlighted,ul[id^="select2-category-"][id$="-results"] .select2-results__option--highlighted *{background:#E8F4F1!important;color:#1E6674!important}
ul[id^="select2-category-"][id$="-results"] .select2-results__option--selected{background:#DDF0E8!important;color:#1E6674!important;font-weight:700!important}
ul[id^="select2-category-"][id$="-results"] li[id$="-1371"]{display:none!important}
/* end cat */

/* Ola categories menu */
li.ola-cat-menu>ul.sub-menu{width:330px!important;padding:10px 0!important;border-radius:14px!important;border-top:3px solid #5E9128!important;box-shadow:0 18px 40px rgba(30,102,116,.16)!important;background:#fff!important}
li.ola-cat-menu ul.sub-menu ul.sub-menu{width:270px!important;padding:10px 0!important;border-radius:14px!important;border-left:3px solid #3A9DAF!important;box-shadow:0 18px 40px rgba(30,102,116,.16)!important;background:#fff!important;max-height:70vh;overflow-y:auto;left:100%!important;top:-13px!important;margin-left:0!important}
li.ola-cat-menu ul.sub-menu li{margin:0!important;padding:0!important}
li.ola-cat-menu ul.sub-menu li>a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px!important;white-space:nowrap;color:#1E6674!important;font-weight:600!important;font-size:14px!important;transition:background .15s,color .15s}
li.ola-cat-menu ul.sub-menu ul.sub-menu li>a{color:#4A5868!important;font-weight:500!important}
li.ola-cat-menu ul.sub-menu li>a:hover,li.ola-cat-menu ul.sub-menu li:hover>a{background:#E8F4F1!important;color:#5E9128!important}
li.ola-cat-menu ul.sub-menu li>a .dropdown-btn{transform:rotate(-90deg);opacity:.6;margin-left:auto;position:static!important}
ul[id^="select2-category-"][id$="-results"] li[id$="-1378"],ul[id^="select2-category-"][id$="-results"] li[id$="-1408"],ul[id^="select2-category-"][id$="-results"] li[id$="-1419"],ul[id^="select2-category-"][id$="-results"] li[id$="-1402"],ul[id^="select2-category-"][id$="-results"] li[id$="-1406"]{display:none!important}

/* Ola brand palette for shop & product pages (theme variables) */
body{--color-set-one-1:#5E9128;--color-set-one-al-1:#1E6674;--color-set-one-2:#3A9DAF;--color-set-one-3:#4E7A20;--heading-color-one:#1E6674;--content-color-one:#4A5868;--content-color-two:#8A97A3;--color-set-one-bor-1:#E3ECEA;--color-set-one-bor-2:#C9DCD6;--menu-color:#1E6674;--menu-color-active:#5E9128;--background-bg-1:#EAF4F1;--background-bg-2:#D4E9E2;--e-global-color-colorsetone1:#5E9128;--e-global-color-colorsetone2:#3A9DAF;--e-global-color-colorsetone3:#4E7A20}
.back-to-top .back_to_top_in{background:#1E6674!important}.back-to-top .back_to_top_in:hover{background:#5E9128!important}
.ecomaddons-modal-overlay{background:rgba(30,102,116,.75)!important}
/* Ola: hide share + any leftover compare links */
.share-buttons.only_share,.compare-count-only,.compare-button,a[href*="/compare/"],li.menu-item:has(>a[href*="/compare/"]){display:none!important}
/* Ola: product title */
.single-product .summary .product_title{font-size:28px!important;line-height:1.25!important;text-wrap:pretty!important;letter-spacing:-.2px;margin-bottom:12px!important;max-width:100%}@media(max-width:767px){.single-product .summary .product_title{font-size:23px!important}}
/* Ola: product cards */
li.product .product_box{border:1px solid #E3ECEA!important;border-radius:16px!important;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}
li.product .product_box:hover{border-color:#3A9DAF!important;box-shadow:0 14px 30px rgba(30,102,116,.12);transform:translateY(-2px)}
li.product .deals_box,li.product .list-features-six,li.product .listread-more{display:none!important}
li.product .ptitle{color:#1E6674!important;font-weight:700!important;line-height:1.35}
li.product .category_name{color:#8A97A3!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.4px}
li.product .comprice ins,li.product .comprice>.amount,li.product .comprice .woocommerce-Price-amount{color:#1E6674!important;font-weight:800}
li.product .lower_box .buttons{flex-wrap:wrap;gap:8px}
li.product .lower_box .buy-now-button{border-radius:8px!important;background:#5E9128!important;border-color:#5E9128!important}
li.product .lower_box .buy-now-button:hover{background:#4E7A20!important}
li.product .lower_box .ecomaddons-quote-button{flex:1 1 100%;border-radius:8px!important;border:1.5px dashed #3A9DAF!important;background:#F2F8F4!important;color:#1E6674!important;font-weight:600!important}
li.product .badges_box .onsale{background:#5E9128!important;border-radius:20px!important}
li.product .quantity-buttons{border-radius:8px;overflow:hidden}
/* Ola: mobile menu */
body .mobile_menu_area .mobile_navbar_nav{padding:58px 18px 30px!important}
body .mobile_menu_area .mobile_navbar_nav>li{border-bottom:1px solid #EEF3F1!important;margin:0!important}
body .mobile_menu_area .mobile_navbar_nav>li>a{font-weight:700!important;color:#1E6674!important;font-size:16px!important;padding:13px 2px!important}
body .mobile_menu_area .mobile_navbar_nav>li.current-menu-item>a{color:#5E9128!important}
body .mobile_menu_area li.ola-cat-menu ul.sub-menu{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important;border-left:3px solid #5E9128!important;border-radius:0!important;background:#F7FBF9!important;padding:4px 0!important;margin:0 0 10px!important;transform:none!important}
body .mobile_menu_area li.ola-cat-menu ul.sub-menu ul.sub-menu{border-left-color:#3A9DAF!important;background:#fff!important;margin:2px 0 6px 10px!important}
body .mobile_menu_area li.ola-cat-menu ul.sub-menu li>a{white-space:normal!important;padding:9px 12px!important;font-size:14px!important}
body .mobile_menu_area li.ola-cat-menu ul.sub-menu li>a .dropdown-btn{transform:none!important}
body{--badge-instock:#5E9128}

/* Ola: quote modal close */
#ecomaddons-quote-modal .ecomaddons-modal-close{position:absolute!important;top:18px!important;right:18px!important;z-index:20!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#F2F8F4!important;color:#1E6674!important;font-size:22px!important;line-height:38px!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}#ecomaddons-quote-modal .ecomaddons-modal-close:hover{background:#1E6674!important;color:#fff!important}#ecomaddons-quote-modal h3{padding-right:50px!important;position:relative;z-index:1}
/* Ola: email opt-in checkbox */
.ola-optin{margin:14px 0 6px!important}.ola-optin label{display:flex!important;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:#4A5868;cursor:pointer;font-weight:400}.ola-optin input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:auto!important;accent-color:#5E9128;width:18px!important;height:18px!important;min-width:18px;margin:2px 0 0!important;border:0!important;background:none!important}.ola-optin input[type=checkbox]:before,.ola-optin input[type=checkbox]:after{display:none!important}
/* Ola: footer one background */
.elementor-384 .elementor-element-0e8f898,.elementor-384 .elementor-element-fbe63e0{background-color:#F2F8F4!important;background-image:none!important}

/* Ola Supplies - My Account, mobile polish (paste into Appearance > Customize > Additional CSS) */
@media (max-width: 768px) {

  /* ---------- 0. Tokens + no horizontal scroll ---------- */
  body.woocommerce-account {
    --ola-teal: #1E6674;
    --ola-teal-2: #3A9DAF;
    --ola-green: #5E9128;
    --ola-ink: #1E3A44;
    --ola-text: #33434F;
    --ola-muted: #5B6875;
    --ola-line: #E3E8EE;
    --ola-soft: #F3F8F7;
    --ola-r: 12px;
    --ola-shadow: 0 2px 10px rgba(16, 40, 46, .06);
    overflow-x: hidden;
  }
  body.woocommerce-account .woocommerce,
  body.woocommerce-account .woocommerce * { box-sizing: border-box; }
  body.woocommerce-account .woocommerce { max-width: 100%; overflow-wrap: anywhere; }

  /* ---------- 4. Header icons ---------- */
  body.woocommerce-account header .main-header { gap: 10px !important; min-height: 64px; }
  body.woocommerce-account header .logo_default { height: 46px !important; width: auto !important; }
  body.woocommerce-account header .header-right { gap: 6px !important; align-items: center !important; }
  body.woocommerce-account header .header-right > .ola-acc,
  body.woocommerce-account header .header-right > .wishlist-count-only,
  body.woocommerce-account header .header-right > .ecom_mini_cart_open,
  body.woocommerce-account header .header-right > .navbar_togglers {
    width: 40px !important; height: 40px !important; margin: 0 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  body.woocommerce-account header .ola-acc-av { width: 32px !important; height: 32px !important; }
  body.woocommerce-account header .wishlist-count-only i,
  body.woocommerce-account header .ecom_mini_cart_open i { font-size: 23px !important; line-height: 1 !important; }
  body.woocommerce-account header .wishlist-count-only,
  body.woocommerce-account header .ecom_mini_cart_open { position: relative !important; overflow: visible !important; }
  body.woocommerce-account header .wishlist-count-display,
  body.woocommerce-account header .ecom_mini_cart_open .mini-cart-icon {
    top: 0 !important; right: -2px !important; left: auto !important;
    min-width: 18px !important; height: 18px !important; padding: 0 4px !important;
    border-radius: 9px !important; border: 2px solid #fff !important;
    font-size: 10px !important; font-weight: 700 !important; line-height: 14px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }

  /* ---------- 5. Hero title + breadcrumb ---------- */
  body.woocommerce-account .breadcrumbs-div { padding: 14px 0 12px !important; }
  body.woocommerce-account .breadcrumbs-div .page_title,
  body.woocommerce-account .breadcrumbs-div .page_title * {
    font-size: 26px !important; line-height: 1.2 !important; margin: 0 !important;
  }
  body.woocommerce-account .breadcrumbs-div .breadcrumb {
    margin: 6px 0 0 !important; font-size: 13px !important; line-height: 1.4 !important;
    justify-content: center; align-items: center;
  }
  body.woocommerce-account .breadcrumbs-div .breadcrumb li,
  body.woocommerce-account .breadcrumbs-div .breadcrumb a { font-size: 13px !important; line-height: 1.4 !important; display: inline-flex !important; align-items: center !important; }

  body.woocommerce-account .breadcrumbs-div .breadcrumb li::before {
    top: 50% !important; margin-top: -7px !important; font-size: 14px !important; line-height: 14px !important; height: 14px !important;
  }

  /* ---------- Layout ---------- */
  body.woocommerce-account .site-content { padding-top: 20px !important; }
  body.woocommerce-account .woocommerce { display: flex; flex-direction: column; gap: 20px; padding: 4px 0 8px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important; float: none !important; margin: 0 !important;
  }

  /* ---------- 6. Profile card + 1. Navigation (2-column grid) ---------- */
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #fff !important; border: 1px solid var(--ola-line) !important;
    border-radius: var(--ola-r) !important; box-shadow: var(--ola-shadow); overflow: hidden; padding: 0 !important;
  }
  body.woocommerce-account .ola-profile {
    display: flex !important; align-items: center !important; gap: 12px !important;
    padding: 16px !important; border-bottom: 1px solid var(--ola-line) !important; min-width: 0;
  }
  body.woocommerce-account .ola-profile-av {
    width: 48px !important; height: 48px !important; flex: 0 0 48px !important; border-radius: 50% !important;
  }
  body.woocommerce-account .ola-profile-txt { min-width: 0; flex: 1 1 auto; line-height: 1.35 !important; }
  body.woocommerce-account .ola-profile-txt > * {
    display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  body.woocommerce-account .ola-profile-txt > *:first-child { font-size: 16px !important; color: var(--ola-ink) !important; }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important;
    margin: 0 !important; padding: 12px !important; list-style: none !important; background: var(--ola-soft) !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; width: auto !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important; align-items: center; justify-content: center; text-align: center;
    min-height: 44px; padding: 8px 10px !important; border-radius: 10px !important;
    background: #fff !important; border: 1px solid var(--ola-line) !important;
    color: var(--ola-teal) !important; font-size: 14.5px !important; font-weight: 600 !important;
    line-height: 1.25 !important; text-decoration: none !important;
    transition: background .15s, border-color .15s, color .15s;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a:active { background: #E6F2F3 !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--ola-teal) !important; border-color: var(--ola-teal) !important; color: #fff !important;
    box-shadow: 0 2px 6px rgba(30, 102, 116, .25);
  }
  /* Log out: quiet, full width */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { grid-column: 1 / -1; order: 90; }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    background: transparent !important; border-style: dashed !important; color: var(--ola-muted) !important;
  }

  /* ---------- 2. Delete Account: separated, last, subtle danger ---------- */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--delete-account {
    grid-column: 1 / -1; order: 99; margin-top: 10px !important; padding-top: 12px !important;
    border-top: 1px solid var(--ola-line);
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--delete-account a {
    background: transparent !important; border: 1px solid #F1C9C4 !important;
    color: #B03A2E !important; font-weight: 600 !important; font-size: 13.5px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--delete-account.is-active a {
    background: #FDECEC !important; box-shadow: none;
  }

  /* ---------- 8. Body text + links ---------- */
  body.woocommerce-account .woocommerce-MyAccount-content,
  body.woocommerce-account .woocommerce-MyAccount-content p,
  body.woocommerce-account .woocommerce-MyAccount-content li,
  body.woocommerce-account .woocommerce-MyAccount-content td,
  body.woocommerce-account .woocommerce-MyAccount-content address {
    font-size: 16px !important; line-height: 1.6 !important; color: var(--ola-text);
  }
  body.woocommerce-account .woocommerce-MyAccount-content p { margin: 0 0 14px !important; }
  body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
    color: var(--ola-teal) !important; font-weight: 600;
    text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 3px;
    text-decoration-color: rgba(30, 102, 116, .4) !important;
  }

  /* ---------- 7. Greeting + "Not you? Log out" ---------- */
  body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type { margin-bottom: 16px !important; }
  body.woocommerce-account .ola-notyou {
    display: block !important; margin: 0 0 4px !important;
    font-size: 14px !important; line-height: 1.5 !important; color: var(--ola-muted) !important;
  }

  /* ---------- 9. Account number card ---------- */
  body.woocommerce-account .ola-acctno {
    border-radius: var(--ola-r) !important; padding: 14px 16px !important; box-shadow: var(--ola-shadow);
  }
  body.woocommerce-account .ola-acctno strong { display: block; font-size: 20px !important; margin: 2px 0 4px; }
  body.woocommerce-account .ola-acctno-hint { display: block; font-size: 13.5px !important; line-height: 1.5 !important; }

  /* ---------- 3. Notices (removed from cart, etc.) ---------- */
  body.woocommerce-account .woocommerce-notices-wrapper:empty { display: none; }
  body.woocommerce-account .woocommerce-message,
  body.woocommerce-account .woocommerce-info,
  body.woocommerce-account .woocommerce-error {
    position: relative !important; display: block !important;
    margin: 0 0 16px !important; padding: 14px 16px 14px 48px !important;
    border: 1px solid #D6E8E2 !important; border-left: 4px solid var(--ola-green) !important;
    border-radius: var(--ola-r) !important; background: #F4F9F1 !important; box-shadow: var(--ola-shadow);
    font-size: 15px !important; line-height: 1.55 !important; color: var(--ola-text) !important;
    text-align: left !important;
  }
  body.woocommerce-account .woocommerce-error { border-color: #F1C9C4 !important; border-left-color: #B03A2E !important; background: #FDF3F2 !important; }
  body.woocommerce-account .woocommerce-message::before,
  body.woocommerce-account .woocommerce-info::before,
  body.woocommerce-account .woocommerce-error::before,
  body.woocommerce-account .woocommerce-message > svg:first-child,
  body.woocommerce-account .woocommerce-info > svg:first-child,
  body.woocommerce-account .woocommerce-message > i:first-child,
  body.woocommerce-account .woocommerce-info > i:first-child {
    position: absolute !important; left: 16px !important; top: 15px !important;
    margin: 0 !important; width: 20px !important; height: 20px !important; line-height: 20px !important;
  }
  body.woocommerce-account .woocommerce-message a,
  body.woocommerce-account .woocommerce-info a,
  body.woocommerce-account .woocommerce-error a {
    float: none !important; display: inline !important; margin: 0 0 0 4px !important; padding: 0 !important;
    background: none !important; border: 0 !important; box-shadow: none !important;
    color: var(--ola-teal) !important; font-weight: 700 !important; font-size: inherit !important;
    text-decoration: underline !important; text-underline-offset: 3px;
  }
  body.woocommerce-account .woocommerce-message a.button,
  body.woocommerce-account .woocommerce-info a.button {
    display: inline-flex !important; align-items: center; min-height: 40px; margin: 10px 0 0 !important;
    padding: 0 16px !important; border-radius: 9px !important;
    background: var(--ola-teal) !important; color: #fff !important; text-decoration: none !important;
  }

  /* ---------- Tables / forms inside account pages ---------- */
  body.woocommerce-account .woocommerce-MyAccount-content table { width: 100% !important; display: block; overflow-x: auto; }
  body.woocommerce-account .woocommerce-MyAccount-content .button,
  body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
    min-height: 44px; border-radius: 10px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
  body.woocommerce-account .woocommerce-MyAccount-content select {
    min-height: 46px; font-size: 16px !important; border-radius: 10px !important; width: 100% !important;
  }
}