/* =====================================================================
   Labomiz 2026-10 update: tables, product image, compare bar, header
   dropdown, distributor pages, captcha. Loaded after site.min.css.
   ===================================================================== */

/* ---------- one table style for Specification and every other section ---------- */
.lm-table-wrap{margin:0 0 20px;border-radius:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
table.lm-table{width:100%;margin:0;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.5}
table.lm-table>thead>tr>th,table.lm-table>tbody>tr>th,table.lm-table>tbody>tr>td{border:1px solid #d5dee3;padding:9px 12px;vertical-align:middle;text-align:left}
table.lm-table>thead>tr>th{background:#00516e;color:#fff;font-weight:600;white-space:nowrap}
table.lm-table>tbody>tr>th{background:#f2f7f9;color:#00516e;font-weight:600;width:35%}
table.lm-table-wide>tbody>tr>th{width:auto;white-space:nowrap}
table.lm-table>tbody>tr:nth-child(even)>td{background:#fafcfd}
table.lm-table>tbody>tr:hover>td{background:#eef6f9}
table.lm-table>tbody>tr.lm-group>th{background:#dfeef3;color:#003b51;width:auto;text-transform:none}
table.lm-table>tbody>tr>th.lm-sub{padding-left:24px;font-weight:500}
table.lm-table .lm-col-no{width:60px;text-align:center}
table.lm-table .lm-col-qty{width:80px;text-align:center}
table.lm-table td img{max-width:160px;height:auto}
table.lm-features>tbody>tr>td .fa{color:#00a7b7;margin-right:6px}
.lm-section-text{margin-bottom:15px}
.lm-tab-content{padding-top:10px}
.lm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.lm-tabs>li{float:none;margin:0!important}
.lm-tabs>li,.lm-tabs>li>a{width:auto!important;white-space:nowrap}
.lm-tabs>li>a{border:1px solid #d5dee3;border-radius:4px;padding:8px 14px}

/* ---------- product image: ~300x300 box, never stretched ---------- */
.lm-product-image{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;height:300px;margin:10px auto 0;padding:10px;border:1px solid #e3e9ec;border-radius:8px;background:#fff;cursor:zoom-in}
.lm-product-image img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}
.lm-image-hint{font-size:12px;color:#7a8a92;margin:6px 0 15px}
.lm-price{font-size:20px;font-weight:bold;padding:15px 0;color:#f38533}
.lm-price.has-price{color:#d0021b}

/* ---------- header: single Home tab + simple "More Info" dropdown ---------- */
#menu-container .menu>li.lm-home-tab>a .fa{margin-right:5px;color:#fff}
#menu-container .menu>li.lm-drop{position:relative}
#menu-container .menu>li.lm-drop>a.lm-drop-toggle{cursor:pointer}
#menu-container .menu>li.lm-drop>a.lm-drop-toggle .fa{margin-left:4px;color:#fff}
#menu-container .menu>li.lm-drop>ul.lm-drop-menu{position:absolute;left:0;right:auto;top:100%;bottom:auto;min-width:220px;margin:0;padding:0;list-style:none;text-align:left;background:#fff;z-index:1050;opacity:0;visibility:hidden;border-radius:0 0 6px 6px;box-shadow:0 12px 28px rgba(0,47,64,.18)}
#menu-container .menu>li.lm-drop:hover>ul.lm-drop-menu,#menu-container .menu>li.lm-drop.open>ul.lm-drop-menu,#menu-container .menu>li.lm-drop.is-open>ul.lm-drop-menu,#menu-container .menu>li.lm-drop:focus-within>ul.lm-drop-menu{opacity:1;visibility:visible}
#menu-container .menu>li.lm-drop>ul.lm-drop-menu>li{display:block;margin:0}
#menu-container .menu>li.lm-drop>ul.lm-drop-menu>li>a{display:block;color:#2e2e2e;line-height:44px;padding:0 20px;white-space:nowrap}
#menu-container .menu>li.lm-drop>ul.lm-drop-menu>li>a:hover{color:#00516e;background:#f2f7f9}

/* ---------- product compare ---------- */
body label.action.action--compare-add:hover{color:#00516e;border-color:#00516e}
body label.action.action--compare-add{position:relative;top:auto;right:auto;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #cfdbe0;border-radius:20px;color:#00516e;font-size:13px;user-select:none}
body label.action.action--compare-add input{position:absolute;opacity:0;width:1px;height:1px}
body label.action.action--compare-add .fa{font-size:16px!important}
body label.action.action--compare-add .fa-check{display:none}
body label.action.action--compare-add input:checked~.fa-plus{display:none}
body label.action.action--compare-add input:checked~.fa-check{display:inline-block;color:#fff}
body label.action.action--compare-add.is-checked,body label.action.action--compare-add.is-checked:hover{background:#00516e;color:#fff;border-color:#00516e}
body label.action.action--compare-add input:focus-visible~.fa{outline:2px solid #00a7b7}
#btn-compare{display:none!important}
.lm-compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;background:#00516e;color:#fff;box-shadow:0 -6px 18px rgba(0,0,0,.2);transform:translateY(110%);transition:transform .25s ease}
.lm-compare-bar.is-visible{transform:none}
.lm-compare-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px}
.lm-compare-items{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;margin:0;padding:0;list-style:none}
.lm-compare-items li{background:rgba(255,255,255,.14);border-radius:16px;padding:3px 6px 3px 12px;font-size:13px}
.lm-compare-items button{background:none;border:0;color:#fff;margin-left:4px;cursor:pointer}
.lm-compare-bar .lm-compare-go{background:#f68634;color:#fff;border:0;border-radius:4px;padding:9px 18px;font-weight:600}
.lm-compare-bar .lm-compare-go[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.lm-compare-bar .lm-compare-clear{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:4px;padding:8px 12px}
.lm-compare-hint{font-size:12px;opacity:.85;width:100%}
@media(max-width:767px){.lm-compare-items{display:none}.lm-compare-hint{width:auto}}
.whatsapp_box{transition:bottom .25s}
body.lm-compare-open .whatsapp_box{bottom:160px}

/* ---------- category "types" links (were hidden by the old compare-button class) ---------- */
.lm-type-link{display:inline-block;padding:6px 12px;border:1px solid #00516e;border-radius:4px;color:#00516e}
.lm-type-link:hover{background:#00516e;color:#fff}

/* ---------- distributor login / signup ---------- */
.lm-auth{max-width:520px;margin:30px auto 50px;background:#fff;border:1px solid #e3e9ec;border-radius:10px;padding:28px 30px;box-shadow:0 10px 30px rgba(0,47,64,.08)}
.lm-auth.wide{max-width:820px}
.lm-auth h1{margin-top:0}
.lm-auth .form-group{margin-bottom:16px}
.lm-auth label{font-weight:600;color:#2e3c44}
.lm-auth .lm-switch{margin-top:18px;padding-top:15px;border-top:1px solid #eef2f4;text-align:center}
.lm-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lm-captcha img{border:1px solid #d5dee3;border-radius:4px;height:50px;width:170px;background:#f4f7f8}
.lm-captcha button{background:none;border:0;color:#00516e;font-size:13px;cursor:pointer}
.lm-captcha input{max-width:170px}
.red-text{color:#d0021b}

/* ---------- 2026-10b: Quick Quote modal spacing ---------- */
#requestQuoteModal1 .modal-header{padding:16px 24px}
#requestQuoteModal1 .modal-body{padding:22px 24px 6px}
#requestQuoteModal1 .modal-footer{padding:4px 24px 22px;text-align:right}
#requestQuoteModal1 .form-group{margin:0 0 16px;line-height:normal}
#requestQuoteModal1 label{display:block;margin:0 0 6px;font-weight:600;line-height:1.4}
#requestQuoteModal1 .form-control{margin-bottom:0;border-radius:6px}
#requestQuoteModal1 .help-block{margin:4px 0 0}
#requestQuoteModal1 .help-block:empty{display:none}
#requestQuoteModal1 textarea.form-control{min-height:120px;resize:vertical}
@media (max-width:767px){#requestQuoteModal1 .modal-body{padding:16px 16px 4px}#requestQuoteModal1 .modal-footer{padding:4px 16px 16px}#requestQuoteModal1 .modal-footer .btn{width:100%;min-width:0}}

/* ---------- 2026-10b: home "Product Categories" box (5 + All categories) ---------- */
.home-sidebar .widget-category-menu h2{margin:0 0 10px;line-height:1.3}
.home-sidebar .widget-category-menu ul li a{line-height:1.35;padding:13px 16px 13px 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-sidebar .widget-category-menu ul li.lm-all a{font-weight:600;color:#00516e}

/* ---------- 2026-10b: category / sub-category description from the admin panel ---------- */
.lm-cat-intro{margin:6px 0 18px;line-height:1.65}
.lm-cat-intro p{margin:0 0 12px}
.lm-cat-intro img{max-width:100%;height:auto}
.lm-cat-intro ul,.lm-cat-intro ol{padding-left:20px;margin:0 0 12px}
.lm-cat-intro ul{list-style:disc}.lm-cat-intro ol{list-style:decimal}

/* ---------- 2026-10d: "A to Z products" mega-menu was a fixed 1170px wide. Although hidden, it made every
   page wider than the window between 992px and 1170px (horizontal scroll, page shifted to the side). ---------- */
#menu-container .container .pull-left .megamenu.container-width{max-width:calc(100vw - 24px)}

/* ---------- 2026-10d: main navigation fits on ONE row on every desktop width, logged in or not ---------- */
#menu-container .lm-nav-contact .lm-ic{display:none}
@media (min-width:992px){
  #menu-container .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
  #menu-container .container:before,#menu-container .container:after{display:none}
  #menu-container nav.pull-left,#menu-container nav.pull-right{float:none}
  #menu-container nav.pull-left,#menu-container nav.pull-right{flex:0 0 auto}
  #menu-container .menu{white-space:nowrap}
  #menu-container .menu>li{float:none;display:inline-block}
}
/* >=1200: signed-in distributors get "My Account", so the e-mail becomes an icon and spacing is tighter */
@media (min-width:1200px) and (max-width:1399px){
  #menu-container .menu>li>a{padding-left:12px;padding-right:12px}
}
@media (min-width:1200px){
  body.lm-signed-in #menu-container .menu>li>a{padding-left:12px;padding-right:12px}
  body.lm-signed-in #menu-container .lm-nav-contact .lm-tx-mail{display:none}
  body.lm-signed-in #menu-container .lm-nav-contact .lm-ic-mail{display:inline;font-size:17px}
}
/* 992-1199: compact type, contact as icons */
@media (min-width:992px) and (max-width:1199px){
  #menu-container .menu>li>a{padding-left:9px;padding-right:9px;font-size:14px;letter-spacing:.3px}
  #menu-container .lm-nav-contact .lm-tx{display:none}
  #menu-container .lm-nav-contact .lm-ic{display:inline}
  #menu-container .lm-nav-contact .menu>li>a{padding-left:10px;padding-right:10px;font-size:17px}
}
/* embedded media / admin-entered content never wider than the screen */
.page-content iframe,.lm-cat-intro iframe,.fonttxt iframe{max-width:100%}

/* =====================================================================
   2026-10e: NO sideways scrolling inside any section on phones / tablets.
   Content is re-laid out to fit the screen instead.
   ===================================================================== */

/* product cards (category / sub-category / search): the 4-line spec box was a fixed 15em/20em
   strip with hidden horizontal scrolling - now it wraps inside the card at every width */
.product_hover .overflow-15,.overflow-15{width:100% !important;max-width:100%;overflow:visible !important;white-space:normal !important}
.overflow-15 .spec_table{table-layout:fixed;width:100%;margin-bottom:0}
.overflow-15 .spec_table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top}

/* product tabs: full labels, never cut to "SPECIFIC..." */
.lm-tabs>li>a{max-width:none !important;overflow:visible !important;text-overflow:clip !important}
@media (max-width:767px){
  .lm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .lm-tabs>li,.lm-tabs>li>a{width:100% !important}
  .lm-tabs>li>a{white-space:normal !important;text-align:center;padding:9px 8px;line-height:1.25;height:100%;display:flex;align-items:center;justify-content:center}
}

/* any content table */
.lm-table-wrap img,.lm-mcards img{max-width:100%;height:auto}
.lm-mcards{display:none}
@media (max-width:767px){
  .lm-table-wrap,.table-responsive{overflow:visible !important;border:0 !important;margin-bottom:12px}
  .lm-table:not(.lm-pdf){table-layout:fixed;width:100% !important;min-width:0 !important}
  .lm-table:not(.lm-pdf) th,.lm-table:not(.lm-pdf) td{white-space:normal !important;overflow-wrap:anywhere;word-break:break-word;padding:8px 9px !important;font-size:13px}
  .lm-table:not(.lm-features):not(.lm-pdf) tr>td:first-child,.lm-table:not(.lm-features):not(.lm-pdf) tr>th:first-child{width:42%}
  /* tables with 3+ columns are shown as one card per row (built by lm-2026.js) */
  .lm-has-cards{display:none !important}
  .lm-mcards{display:block;margin:0 0 14px}
  .lm-mcard{border:1px solid #d5dee3;border-radius:8px;background:#fff;margin:0 0 10px;overflow:hidden}
  .lm-mcard-title{background:#eaf3f6;color:#00516e;font-weight:600;padding:8px 12px;overflow-wrap:anywhere}
  .lm-mcard-row{display:flex;gap:10px;padding:7px 12px;border-top:1px solid #edf2f4;font-size:13px;line-height:1.45}
  .lm-mcard-row:first-child{border-top:0}
  .lm-mcard-row .k{flex:0 0 42%;color:#00516e;font-weight:600;overflow-wrap:anywhere}
  .lm-mcard-row .v{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}
  .lm-mcard-row.full .v{flex-basis:100%}
  .lm-mgroup{color:#00516e;font-weight:700;margin:14px 0 8px}
  /* long product text: no stretched word gaps on a narrow screen */
  .fonttxt,.fonttxt p,.lm-cat-intro,.lm-cat-intro p{text-align:left !important}
  .fonttxt table,.lm-cat-intro table{max-width:100%}
  pre{white-space:pre-wrap;word-break:break-word}
}
.lm-tabs:before,.lm-tabs:after{display:none !important;content:none !important}
@media (max-width:767px){.lm-tab-content{padding-left:12px !important;padding-right:12px !important}}
/* tables pasted inside a specification cell (with <nobr> / min-width from the source document) */
@media (max-width:767px){
  .lm-table:not(.lm-pdf) table,.fonttxt table,.lm-cat-intro table{width:100% !important;table-layout:fixed;max-width:100%}
  .lm-table:not(.lm-pdf) table td,.fonttxt table td,.lm-cat-intro table td{min-width:0 !important;width:auto !important;white-space:normal !important;overflow-wrap:anywhere;word-break:break-word}
  #main-content nobr{white-space:normal}
}