/* ENTTEC Brochure page — self-contained, scoped under .enttec-brochure.
   The Download button intentionally has NO color rules here: it uses the
   theme's .btn .btn-primary so it stays identical to every other primary
   button on the site. */

/* full-width page: hide the theme's auto page-header banner image + duplicate
   "Catalogue" title/breadcrumb so this design owns the top of the page cleanly */
body.enttec-brochure-page .header-banner-image,
body.enttec-brochure-page .title_breadcrumb{display:none !important}
body.enttec-brochure-page .header-inner.with-banner{margin-bottom:0}
/* kill the theme's no-banner bottom gap so the page body sits right under the navbar */
body.enttec-brochure-page .header.mb-5{margin-bottom:0 !important}
/* the header is a fixed ~170px tall band (navbar + page-title area). With the
   title hidden, drop the forced height and trim the padding so the header is
   just tall enough to clear the absolute 70px navbar — no big empty gap. */
body.enttec-brochure-page header.header,
body.enttec-brochure-page .header-inner-wrapper,
body.enttec-brochure-page .header-inner{min-height:0 !important;height:auto !important}
body.enttec-brochure-page .header-inner{padding-top:84px !important;padding-bottom:0 !important}

.enttec-brochure{--eb-accent:#0ea5de;max-width:1280px;margin:0 auto;padding:0 24px}

.enttec-brochure .eb-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 0 22px}
.enttec-brochure .eb-titles{min-width:0}
/* match the support/training-videos page heading: Montserrat 36px / 600 / #2f2f2f */
.enttec-brochure .eb-title{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(28px,4.5vw,36px);margin:0;font-weight:600;letter-spacing:0;line-height:1.2;color:#2f2f2f}
.enttec-brochure .eb-edition{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.6px;line-height:1;text-transform:uppercase;color:#0ea5de}
.enttec-brochure .eb-edition .eb-dot{width:8px;height:8px;border-radius:50%;background:#0ea5de;flex:0 0 auto}

/* Download button — explicit blue (#0ea5de) to MATCH the live primary button.
   line-height:1 + box-sizing so the height hugs the icon+text; align/justify
   center so the content is centred. We deliberately avoid the theme's .btn base
   (it carries a stray `font-size:8px`). */
.enttec-brochure .eb-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;background-color:#0ea5de;color:#fff;font-size:15px;font-weight:700;line-height:1;padding:13px 22px;border:1px solid #0ea5de;border-radius:6px;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:opacity .25s ease,transform .15s ease}
.enttec-brochure .eb-download:hover{opacity:.7;color:#fff;transform:translateY(-1px)}
.enttec-brochure .eb-download:focus-visible{outline:3px solid rgba(14,165,223,.5);outline-offset:2px}
.enttec-brochure .eb-download svg{flex:0 0 auto;display:block}

/* white stage; StPageFlip page shadows separate the pages (no frame border) */
.enttec-brochure .eb-stage{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;padding:34px 16px 40px;border-radius:18px;overflow:hidden;background:#fff}
.enttec-brochure .eb-bookhost{width:min(96%,1040px);position:relative;z-index:1}
.enttec-brochure #eb-flipbook{margin:0 auto;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .3s ease}
@media (prefers-reduced-motion:reduce){.enttec-brochure #eb-flipbook{transition:opacity .3s ease}}
.enttec-brochure #eb-flipbook .eb-page{background:#fff}
.enttec-brochure #eb-flipbook .eb-page img{width:100%;height:100%;display:block}
/* blank pages stay clean white until rendered — no broken-image icon / alt text */
.enttec-brochure #eb-flipbook .eb-page img:not([src]){visibility:hidden}

/* nav + page number must read on a white stage */
.enttec-brochure .eb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#f4f4f5;cursor:pointer;color:#2f2f2f;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s,background .15s;z-index:6}
.enttec-brochure .eb-nav svg{width:22px;height:22px;display:block}
.enttec-brochure .eb-nav:hover{background:#e6e6e8;transform:translateY(-50%) scale(1.08)}
.enttec-brochure .eb-nav.prev{left:18px}
.enttec-brochure .eb-nav.next{right:18px}
.enttec-brochure .eb-nav[disabled]{opacity:.4;cursor:default;transform:translateY(-50%)}

.enttec-brochure .eb-pageind{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:13px;font-weight:600;color:#2f2f2f;background:#fff;border:1px solid #e6e9ec;padding:5px 14px;border-radius:999px;z-index:6;box-shadow:0 2px 8px rgba(0,0,0,.08)}

.enttec-brochure .eb-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#5b6168;z-index:6;background:#fff}
.enttec-brochure .eb-spinner{width:44px;height:44px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--eb-accent);border-radius:50%;animation:eb-spin .9s linear infinite}
.enttec-brochure .eb-bar{width:240px;height:6px;background:#e3e8ec;border-radius:99px;overflow:hidden}
.enttec-brochure .eb-bar i{display:block;height:100%;width:0;background:var(--eb-accent);transition:width .2s}

.enttec-brochure .eb-tail{padding:30px 0 70px;text-align:center}
.enttec-brochure .eb-range{font-weight:700;color:#0EA5DF;text-decoration:none;font-size:16px}
.enttec-brochure .eb-range:hover{text-decoration:underline}
.enttec-brochure .eb-copy{color:#5b6168;font-size:13px;margin-top:14px}

@keyframes eb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
	.enttec-brochure .eb-spinner{animation:none}
	.enttec-brochure .eb-nav,.enttec-brochure .eb-bar i{transition:none}
}