/* site overrides — put slider / contact-form / tweak CSS here (keep it out of the pages) */

/* Betheme equal-height valign-middle pulls columns up via translateY(-50%),
   overlapping the previous section/hero when the theme's equalize JS is absent.
   Neutralize the transform at all widths (matches Betheme's own responsive reset). */
.equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}

.responsive-menu-toggle{cursor:pointer}

/* ==========================================================================
   NB Mercantile — final-touch polish (2026-10). Layout untouched; only
   typography rhythm, depth, readability and interaction states.
   ========================================================================== */
:root{--nb-red:#ea0000;--nb-red-dk:#bd0000;--nb-ink:#14161a;--nb-muted:#5b6068;--nb-line:#e6e8ec;--nb-soft:#f6f7f9;--nb-radius:10px;--nb-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -8px rgba(16,24,40,.12);--nb-shadow-hi:0 2px 4px rgba(16,24,40,.06),0 18px 40px -12px rgba(16,24,40,.22)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:var(--nb-red);color:#fff}

/* Readable body copy inside content columns */
#Content .column_attr p,#Content .column_attr li{font-size:15px;line-height:1.75}
#Content .column_attr p b:not(.themecolor),#Content .column_attr p strong{font-weight:600}
#Content h1,#Content h2,#Content h3{letter-spacing:-.01em}
#Content .column_attr h2{margin-bottom:.45em}
#Content .column_attr a:not(.button):not(.popup-link){color:var(--nb-red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#Content .column_attr a:not(.button):not(.popup-link):hover{color:var(--nb-red-dk)}

/* Header: legibility over hero images + gentle sticky depth */
#Header_wrapper{position:relative}
#Header_wrapper:before{content:"";position:absolute;inset:0 0 auto 0;height:210px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none;z-index:0}
#Header{position:relative;z-index:2}
#Top_bar.is-sticky{box-shadow:0 6px 24px -10px rgba(0,0,0,.35)!important}
#Top_bar #menu > ul > li > a span:not(.description){transition:color .2s ease}
#Top_bar .menu > li > ul{border-radius:0 0 8px 8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.35);overflow:visible}
#Top_bar .menu > li > ul > li:last-child > a{border-radius:0 0 8px 8px}
#Top_bar .menu > li ul li a{transition:background-color .15s ease,padding-left .2s ease}
#Top_bar .menu > li ul li a:hover{padding-left:24px}

/* Page title band: richer overlay so the H1 always reads */
#Subheader{position:relative}
#Subheader:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.15) 0%,rgba(10,10,12,.55) 100%);pointer-events:none}
#Subheader .container{position:relative;z-index:1}
#Subheader .title{text-shadow:0 2px 18px rgba(0,0,0,.35)}

/* Product / feature cards (.box columns) */
#Content .column.box > .column_attr{border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);border:1px solid var(--nb-line);transition:transform .25s ease,box-shadow .25s ease;height:calc(100% - 4px);box-sizing:border-box}
#Content .column.box > .column_attr:hover{transform:translateY(-4px);box-shadow:var(--nb-shadow-hi)}
#Content .column.box img.scale-with-grid{border-radius:8px}
#Content .column.box h3{font-size:21px;line-height:1.3;margin:14px 0 10px}
#Content .column.box p{font-size:14px;line-height:1.65}

/* Buttons: consistent, tactile */
#Content a.button,#Content .button_js{border-radius:999px!important;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease!important}
#Content a.popup-link.button{background:var(--nb-red)!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(234,0,0,.7)}
#Content a.popup-link.button .button_label{color:#fff!important}
#Content a.popup-link.button:hover{background:var(--nb-red-dk)!important}
#Content a.button:hover{transform:translateY(-1px)}
#Content a.button:active{transform:translateY(0)}
#Content a.button:focus-visible,.nb-cf input:focus-visible,.nb-cf textarea:focus-visible{outline:2px solid var(--nb-red);outline-offset:2px}

/* Home "Products We Offer" tiles: readable captions + subtle zoom */
.trailer_box{border-radius:var(--nb-radius);overflow:hidden}
.trailer_box > a{display:block;position:relative}
.trailer_box > a:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));pointer-events:none;transition:opacity .3s ease}
.trailer_box img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.trailer_box:hover img{transform:scale(1.05)}
.trailer_box .desc{z-index:2}
.trailer_box .desc .subtitle{font-weight:600;letter-spacing:.14em;text-shadow:0 1px 8px rgba(0,0,0,.45)}

/* News cards */
.post-item .post-photo-wrapper,.post-item .image_frame{border-radius:var(--nb-radius) var(--nb-radius) 0 0;overflow:hidden}
.post-item .post-desc-wrapper{border-radius:0 0 var(--nb-radius) var(--nb-radius)}
.post-item .button-love{visibility:hidden}

/* Brand + customer logos */
.carousel-slider__item img{border-radius:8px;filter:grayscale(.15);transition:filter .3s ease}
.carousel-slider__item img:hover{filter:none}

/* Icon boxes (contact cards, "Reasons to choose") */
.icon_box,.feature_box{transition:transform .25s ease}
.icon_box:hover{transform:translateY(-3px)}

/* Enquiry form (/send.php) */
.nb-cf .nb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.nb-cf .nb-cap{display:flex;align-items:center;gap:12px;margin:0 1% 14px;width:98%;box-sizing:border-box}
.nb-cf .nb-cap-q{flex:0 0 auto;font-weight:700;letter-spacing:.08em;padding:11px 16px;border-radius:6px;background:#fff;color:#14161a;border:1px solid #d5d8de;user-select:none;white-space:nowrap;line-height:1.2}
.nb-cf .nb-cap input{flex:1 1 auto;max-width:220px;margin:0!important;padding:12px 14px!important}
.nb-cf input[type=text],.nb-cf input[type=email],.nb-cf input[type=tel],.nb-cf textarea,.nb-cf .nb-cap input{transition:border-color .15s ease,box-shadow .15s ease}
.nb-cf input:focus,.nb-cf textarea:focus{border-color:var(--nb-red)!important;box-shadow:0 0 0 3px rgba(234,0,0,.15)!important}
.nb-cf .wpcf7-submit{border-radius:999px!important;padding:12px 38px!important;font-weight:600;cursor:pointer}
.nb-cf .wpcf7-submit[disabled]{opacity:.6;cursor:wait}
.nb-cf .nb-cf-msg{clear:both;margin:4px 1% 0;font-size:14px;font-weight:600;min-height:1px}
.nb-cf .nb-cf-msg.ok{color:#1f8a4c}
.nb-cf .nb-cf-msg.err{color:var(--nb-red)}
.nb-cf::after{content:"";display:block;clear:both}

/* Floating WhatsApp + back-to-top */
.nb-wa,.nb-top{position:fixed;right:20px;z-index:9990;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);transition:transform .2s ease,opacity .25s ease}
.nb-wa{bottom:22px;width:54px;height:54px;background:#25d366}
.nb-wa:hover{transform:scale(1.07)}
.nb-top{bottom:88px;width:42px;height:42px;background:var(--nb-ink);opacity:0;pointer-events:none;transform:translateY(8px)}
.nb-top.on{opacity:.9;pointer-events:auto;transform:none}
.nb-top:hover{background:var(--nb-red)}
#Footer .copyright a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}

/* Mobile rhythm */
@media (max-width:767px){
  #Content .column_attr p,#Content .column_attr li{font-size:15px;line-height:1.7}
  #Content .column_attr img[src*=".png"]{max-width:120px}
  #Content .column.box > .column_attr:hover{transform:none}
  #Header_wrapper:before{height:140px}
  .nb-wa{width:50px;height:50px;right:14px;bottom:16px}
  .nb-top{right:18px;bottom:76px}
  .nb-cf .nb-cap{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* nb-hero-bg: page header photo always covers the full width (no grey side bands, no parallax drift) */
#Header_wrapper{background-size:cover!important;background-position:center center!important;background-attachment:scroll!important;background-repeat:no-repeat!important}
/* /nb-hero-bg */

/* nb-tiles: readable brand names on the product tiles + intro line under heading */
.trailer_box > a{position:relative;display:block;overflow:hidden}
.trailer_box > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1;transition:opacity .25s ease}
.trailer_box:hover > a::after{opacity:0}
.trailer_box .desc{z-index:2}
.trailer_box .desc .subtitle{color:#fff!important;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.line-l + p,.line-l + .nb-intro-links{clear:both;padding-top:22px}
/* /nb-tiles */

/* nb-contact (contact page + enquiry/quote forms polish) */
/* forms: light by default (quote popup) */
.nb-cf .column{margin-bottom:0}
.nb-cf p{margin:0 0 16px}
.nb-cf input[type=text],.nb-cf input[type=email],.nb-cf input[type=tel],.nb-cf textarea{width:100%!important;box-sizing:border-box;height:52px!important;padding:0 16px!important;border-radius:10px!important;border:1px solid #d9dce1!important;background:#f6f7f9!important;color:#14161a!important;font-size:15px!important;box-shadow:none}
.nb-cf textarea{height:130px!important;padding:14px 16px!important;resize:vertical;line-height:1.6}
.nb-cf ::placeholder{color:#8a9099;opacity:1}
.nb-cf input:focus,.nb-cf textarea:focus{background:#fff!important}
.nb-cf .nb-cap{margin:2px 1% 18px}
.nb-cf .nb-cap-q{height:52px;box-sizing:border-box;display:flex;align-items:center;padding:0 18px;border-radius:10px;font-size:16px}
.nb-cf .nb-cap input{height:52px!important;max-width:180px}
.nb-cf .wpcf7-submit{height:52px;padding:0 46px!important;font-size:16px;background:#ea0000!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px -10px rgba(234,0,0,.6)}
.nb-cf .wpcf7-submit:hover{background:#c40000!important}
.nb-quote-line{margin:-4px 0 18px;font-size:15px;color:#4c4c4e}
.nb-quote-line strong{color:#ea0000}
.popup-content .popup-inner,#nb-quote .popup-inner{border-radius:14px}
.popup-content h4,#nb-quote h4{margin-bottom:10px}

/* enquiry box on the contact page: dark */
.nb-enq{border-radius:16px;padding:46px 48px 30px!important;box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.nb-enq h2{margin-bottom:14px}
.nb-enq .line-l{float:none;width:110px;margin:0 0 16px}
.nb-enq .nb-enq-sub{color:rgba(255,255,255,.72);font-size:16px;margin:0 0 28px}
.nb-enq .nb-cf input[type=text],.nb-enq .nb-cf input[type=email],.nb-enq .nb-cf input[type=tel],.nb-enq .nb-cf textarea{background:#17191c!important;border-color:#30343a!important;color:#fff!important}
.nb-enq .nb-cf input:focus,.nb-enq .nb-cf textarea:focus{background:#1d2024!important}
.nb-enq .nb-cf ::placeholder{color:#8b929b}
.nb-enq .nb-cf .nb-cap-q{background:#fff;color:#14161a}
.nb-enq-sec{padding-bottom:80px!important}

/* contact cards: equal height, clickable phone/email */
.nb-contact-cards{padding-bottom:30px!important}
.nb-contact-cards .mcb-wrap.one-sixth{display:none}
.nb-contact-cards .mcb-wrap.two-third{float:none;width:100%;max-width:1100px;margin:0 auto}
.nb-contact-cards .mcb-wrap-inner,.nb-branches .mcb-wrap-inner{display:flex;flex-wrap:wrap;align-items:stretch}
.nb-contact-cards .column_icon_box,.nb-branches .column_icon_box{display:flex}
.nb-contact-cards .icon_box,.nb-branches .icon_box{flex:1;box-sizing:border-box;background:#fff}
.nb-contact-cards .icon_box{padding:36px 22px 30px;border-top:3px solid #ea0000}
.nb-contact-cards .icon_box .title{margin-bottom:12px}
.nb-contact-cards .desc{font-size:15px;line-height:1.85}
.nb-contact-cards .desc a{display:inline!important;color:inherit;text-decoration:none;border:0!important;padding:0!important;background:none!important}
.nb-contact-cards .desc a:hover{color:#ea0000;text-decoration:underline}
.nb-branches{padding-top:60px!important;padding-bottom:130px!important}
.nb-branches .icon_box{padding:28px 12px 24px}
.nb-branches .icon_box .image_wrapper img{width:52px;height:auto}
.nb-branches .icon_box .title{font-size:21px;margin:10px 0 0}

@media (max-width:767px){
  .nb-contact-cards .column_icon_box .icon_box{margin:0 16px}
  .nb-branches .column.one-fifth{width:48%!important;margin:0 1% 14px!important}
  .nb-branches .column_icon_box:last-child{width:98%!important}
  .nb-branches .icon_box .title{font-size:18px}
  .nb-branches{padding-bottom:110px!important}
  .nb-enq{padding:30px 20px 18px!important;margin-left:16px!important;margin-right:16px!important;width:auto!important}
  .nb-cf .nb-cap input{max-width:none}
}
/* /nb-contact */

/* nb-seo-content (content block + FAQ on product pages) */
.nb-prose{font-size:15px;line-height:1.75}
.nb-prose.nb-narrow{max-width:820px;margin:0 auto}
.nb-prose h2,.nb-prose h3,.nb-prose h4{margin:1.4em 0 .5em}
.nb-prose img.img-left{float:left;width:46%;margin:.4rem 1.6rem 1rem 0}
.nb-prose img.img-right{float:right;width:46%;margin:.4rem 0 1rem 1.6rem}
.nb-prose img.img-center{display:block;width:70%;margin:1rem auto}
.nb-prose table{width:100%;border-collapse:collapse;margin:1.4rem 0}
.nb-prose th,.nb-prose td{border:1px solid #e3e5e8;padding:.6rem .8rem;text-align:left;vertical-align:top}
.nb-prose th{background:#f6f7f9}
.nb-prose blockquote{border-left:3px solid #ea0000;margin:1.4rem 0;padding:.6rem 1.2rem;background:#fafafa}
.nb-prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.nb-prose::after{content:"";display:table;clear:both}
@media(max-width:640px){.nb-prose img.img-left,.nb-prose img.img-right,.nb-prose img.img-center{float:none;width:100%;margin:1rem 0}}
.nb-faq-list{margin-top:1.6rem;border-top:1px solid #e3e5e8}
.nb-faq-item{border-bottom:1px solid #e3e5e8}
.nb-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.1rem 0}
.nb-faq-item summary::-webkit-details-marker{display:none}
.nb-faq-item summary:focus-visible{outline:2px solid #ea0000;outline-offset:4px}
.nb-faq-q{margin:0!important;font-size:20px;line-height:1.35;transition:color .2s}
.nb-faq-item summary:hover .nb-faq-q,.nb-faq-item[open] .nb-faq-q{color:#ea0000}
.nb-faq-ic{position:relative;flex:0 0 26px;height:26px;border:1px solid #d5d8de;border-radius:50%;transition:transform .25s,border-color .2s}
.nb-faq-ic::before,.nb-faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:#ea0000;transform:translate(-50%,-50%)}
.nb-faq-ic::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s}
.nb-faq-item[open] .nb-faq-ic{transform:rotate(180deg);border-color:#ea0000}
.nb-faq-item[open] .nb-faq-ic::after{opacity:0}
.nb-faq-a{padding:0 2.6rem 1.2rem 0;font-size:15px;line-height:1.75}
.nb-faq-a p:last-child{margin-bottom:0}
.nb-seo-content .nb-prose h2{margin-top:0}
.nb-seo-content .nb-prose h2::after{content:"";display:block;width:110px;height:3px;background:#ea0000;margin-top:14px}
.nb-seo-content .nb-prose ul{margin:0 0 1.2em 1.3em;list-style:disc}
.nb-seo-content .nb-prose li{margin-bottom:.35em;color:rgb(76,76,78)}
.nb-seo-content .nb-prose a{color:#ea0000;text-decoration:underline;text-underline-offset:3px}
.nb-seo-content .nb-prose a:hover{color:#b40000}
.nb-seo-faq .column_attr{max-width:820px;margin:0 auto}
.nb-seo-faq .nb-faq-a a{color:#ea0000}
/* /nb-seo-content */