/* Amana Scania — UX layer (drawer, parts builder, subtle motion) */

/* ---------- 1. Subtle reveal on scroll ---------- */
.amn-rv{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.16,.84,.34,1),transform .55s cubic-bezier(.16,.84,.34,1)}
.amn-rv.amn-in{opacity:1;transform:none}

/* ---------- 2. Hover lift ---------- */
.elementor-element-brndgrid > .e-con,
.elementor-element-branch-grid > .e-con,
.elementor-element-mgmt-grid > .e-con{transition:background-color .25s ease,transform .25s ease}
.elementor-element-brndgrid > .e-con:hover{background-color:#fdfaf1!important;transform:translateY(-2px)}
.elementor-element-branch-grid > .e-con:hover,
.elementor-element-mgmt-grid > .e-con:hover{transform:translateY(-2px)}

/* sticky header gains a hairline shadow once scrolled */
body.amn-scrolled .elementor-element-hdrbar01{box-shadow:0 1px 18px rgba(15,19,48,.10)}
.elementor-element-hdrbar01{transition:box-shadow .3s ease}

/* ---------- 3. Right-side drawer (Management) ---------- */
body.amn-drawer-open{overflow:hidden}
.amn-scrim{position:fixed;inset:0;background:rgba(10,13,34,.55);opacity:0;pointer-events:none;transition:opacity .32s ease;z-index:99998}
.amn-scrim.amn-on{opacity:1;pointer-events:auto}

.amn-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  width:min(560px,92vw)!important;max-width:none!important;
  z-index:99999!important;
  overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  transform:translateX(102%);transition:transform .38s cubic-bezier(.22,.61,.36,1);
  box-shadow:-18px 0 48px rgba(10,13,34,.22);
  background:#fbfbfa}
.amn-drawer.amn-on{transform:none}
.amn-drawer > .e-con-inner{max-width:none!important;width:100%!important}

.amn-drawer-close{position:absolute;top:14px;right:14px;z-index:5;
  width:40px;height:40px;border:1px solid #e6e6e2;background:#fff;color:#151a3f;
  font:600 15px/1 'IBM Plex Mono',monospace;cursor:pointer;border-radius:0;
  display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}
.amn-drawer-close:hover{background:#151a3f;color:#f2b21b}

/* the drawer must not occupy page flow before JS boots */
.amn-drawer{visibility:hidden}
.amn-drawer.amn-ready{visibility:visible}

@media(max-width:767px){
  .amn-drawer{width:100vw!important}
}

/* ---------- 4. Enquiry builder ---------- */
.amn-addpart{width:100%;padding:15px 18px;margin-top:4px;
  background:#fff;color:#151a3f;border:1px solid #151a3f;cursor:pointer;
  font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;
  transition:background .2s ease,color .2s ease}
.amn-addpart:hover{background:#151a3f;color:#f2b21b}
.amn-addpart:disabled{opacity:.45;cursor:not-allowed}

.amn-list{border:1px dashed #e0e0dc;background:#fbfbfa;padding:18px;min-height:96px;
  display:flex;flex-direction:column;gap:8px;justify-content:center}
.amn-list.amn-has{justify-content:flex-start;background:#fff;border-style:solid}
.amn-list:empty::before,.amn-list.amn-empty::before{content:attr(data-empty);
  font:400 12.5px/1.6 'Archivo',sans-serif;color:#8b8d99;text-align:center;display:block}

.amn-line{display:flex;gap:12px;align-items:flex-start;
  border:1px solid #eeeeea;background:#fff;padding:12px 14px}
.amn-line-n{flex:0 0 auto;width:22px;height:22px;background:#151a3f;color:#f2b21b;
  font:600 10px/22px 'IBM Plex Mono',monospace;text-align:center}
.amn-line-b{flex:1 1 auto;min-width:0}
.amn-line-t{font:700 13.5px/1.35 'Archivo',sans-serif;color:#151a3f;word-wrap:break-word}
.amn-line-m{font:400 10.5px/1.55 'IBM Plex Mono',monospace;color:#6d7085;margin-top:3px}
.amn-line-x{flex:0 0 auto;background:none;border:0;cursor:pointer;padding:2px 4px;
  font:600 14px/1 'IBM Plex Mono',monospace;color:#b9bcc9;transition:color .2s ease}
.amn-line-x:hover{color:#c0392b}
.amn-line{animation:amnPop .28s cubic-bezier(.16,.84,.34,1) both}
@keyframes amnPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.amn-count{font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;
  text-transform:uppercase;color:#b3820c;margin-left:8px}

/* Fluent Forms — align to the Amana system */
.fluentform .ff-el-group{margin-bottom:16px}
.fluentform .ff-el-input--label label{font:600 9.5px/1.4 'IBM Plex Mono',monospace!important;
  letter-spacing:.12em;text-transform:uppercase;color:#6d7085!important}
.fluentform .ff-el-form-control{border:1px solid #e0e0dc!important;border-radius:0!important;
  padding:14px!important;font:400 14px/1.4 'Archivo',sans-serif!important;background:#fbfbfa!important;
  color:#151a3f!important;box-shadow:none!important;transition:border-color .2s ease,background .2s ease}
.fluentform .ff-el-form-control:focus{border-color:#151a3f!important;background:#fff!important;outline:none!important}
.fluentform .ff_btn_style,.fluentform .ff-btn-submit{border-radius:0!important;
  padding:17px 26px!important;background:#f2b21b!important;color:#151a3f!important;border:0!important;
  font:600 12px/1 'IBM Plex Mono',monospace!important;letter-spacing:.1em;text-transform:uppercase;
  transition:background .2s ease,color .2s ease;width:100%}
.fluentform .ff_btn_style:hover,.fluentform .ff-btn-submit:hover{background:#151a3f!important;color:#fff!important}
.fluentform .ff-el-section-title{font:700 15px/1.2 'Archivo',sans-serif!important;color:#151a3f!important;
  margin:0 0 4px!important}
.fluentform .ff-section-break{border-top:0!important;padding-top:0!important;margin-bottom:14px}
.fluentform .ff-el-section-desc{font:400 12.5px/1.55 'Archivo',sans-serif!important;color:#6d7085!important}
.fluentform .ff-t-cell{padding-right:14px}
.fluentform .ff-message-success{border:1px solid #e6e6e2;background:#fff;padding:26px;
  font:400 15px/1.6 'Archivo',sans-serif;color:#151a3f}

@media(max-width:767px){
  .fluentform .ff-t-cell{padding-right:0}
  .amn-addpart{padding:14px}
}

@media(prefers-reduced-motion:reduce){
  .amn-rv{opacity:1!important;transform:none!important;transition:none!important}
  .amn-drawer{transition:none}
  .amn-line{animation:none}
}

/* ---------- 5. Inside the drawer: force a single column ---------- */
.amn-drawer{padding:56px 30px 40px!important}
.amn-drawer > .e-con-inner{padding:0!important}
.amn-drawer .elementor-element-mgmt-grid{--gap:1px 1px!important}
.amn-drawer .elementor-element-mgmt-grid > .e-con{width:100%!important;--width:100%!important}
.amn-drawer .elementor-element-mghead01 .elementor-heading-title{font-size:30px!important;letter-spacing:-1px!important}
.amn-drawer .elementor-element-mgvision{margin-top:6px!important}
@media(max-width:767px){.amn-drawer{padding:52px 18px 32px!important}
.amn-drawer .elementor-element-mghead01 .elementor-heading-title{font-size:24px!important}}

/* ---------- 6. Top bar: flags on the pilot numbers ---------- */
.amn-topphones .elementor-icon-list-icon{display:none!important}
.amn-topphones .elementor-icon-list-text{padding-inline-start:0!important}
.amn-topphones .elementor-icon-list-item > a,.amn-topphones .elementor-icon-list-item{display:flex!important;align-items:center;gap:8px}
.amn-topphones .elementor-icon-list-item::before{content:'';flex:none;width:18px;height:12px;display:block;border:1px solid rgba(255,255,255,.18)}
.amn-topphones .elementor-icon-list-item:nth-child(1)::before{background:linear-gradient(#000 0 28%,#fff 28% 34%,#b81b26 34% 66%,#fff 66% 72%,#0b6b3a 72% 100%)}
.amn-topphones .elementor-icon-list-item:nth-child(2)::before{background:linear-gradient(45deg,#1eb53a 0 34%,#fcd116 34% 40%,#000 40% 60%,#fcd116 60% 66%,#00a3dd 66% 100%)}

/* ---------- 7. Hero badge chip ---------- */
.amn-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;background:rgba(242,178,27,.16);border:1px solid rgba(242,178,27,.55)}
.amn-badge .elementor-heading-title::before{content:'';width:6px;height:6px;background:#f2b21b;border-radius:50%;flex:none}

/* ---------- 8. Mega menus ---------- */
.amn-topctry .e-n-menu-title{padding:4px 2px!important}
.amn-topctry .e-n-menu-content > .e-con{box-shadow:0 22px 48px rgba(10,19,48,.20)}
.amn-mainnav .e-n-menu-content > .e-con{box-shadow:0 22px 48px rgba(10,19,48,.13)}
.amn-brandtile{transition:background-color .22s ease,transform .22s ease}
.amn-brandtile:hover{background-color:#fdfaf1!important;transform:translateY(-2px)}
.amn-mainnav .e-n-menu-title-text{white-space:nowrap}

/* enquiry-count pill */
.amn-pill .elementor-button{display:inline-flex;align-items:center;gap:9px}
.amn-pill .elementor-button-text::after{content:attr(data-count);display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:18px;margin-inline-start:9px;padding:0 5px;background:#151a3f;color:#f2b21b;
  font:600 10px/18px 'IBM Plex Mono',monospace}
.amn-pill .elementor-button:hover .elementor-button-text::after{background:#f2b21b;color:#151a3f}

/* ---------- 9. Mobile hardening ---------- */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
.elementor-element-hdrbar01,.elementor-element-topbar01{max-width:100vw}
@media(max-width:1024px){
  .amn-topctry .e-n-menu-content > .e-con{max-height:70vh;overflow-y:auto}
  .amn-mainnav .e-n-menu-content > .e-con{max-height:70vh;overflow-y:auto}
}
@media(max-width:767px){
  .amn-topphones .elementor-icon-list-items{gap:10px 16px!important;flex-wrap:wrap}
  .amn-pill .elementor-button{padding:11px 12px!important;font-size:9.5px!important}
  .amn-mainnav .e-n-menu-title,.amn-topctry .e-n-menu-title{min-height:44px}
  .amn-mainnav .e-n-menu-heading{min-height:44px}
  .fluentform .ff-el-form-control{font-size:15px!important} /* stops iOS zoom-on-focus */
  .amn-line-x{min-width:32px;min-height:32px}
  .amn-addpart{min-height:48px}
}
/* 10. Drawer team cards: photo left, details right */
.amn-drawer .elementor-element-mgcard23{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start}
.amn-drawer .elementor-element-mgcard23 > .elementor-widget-image{grid-column:1;grid-row:1 / span 4}
.amn-drawer .elementor-element-mgcard23 > .elementor-widget-image img{width:104px;height:auto}
.amn-drawer .elementor-element-mgcard23 > .elementor-widget-heading,.amn-drawer .elementor-element-mgcard23 > .elementor-widget-text-editor{grid-column:2}
.amn-drawer .elementor-element-mgcard24{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start}
.amn-drawer .elementor-element-mgcard24 > .elementor-widget-image{grid-column:1;grid-row:1 / span 4}
.amn-drawer .elementor-element-mgcard24 > .elementor-widget-image img{width:104px;height:auto}
.amn-drawer .elementor-element-mgcard24 > .elementor-widget-heading,.amn-drawer .elementor-element-mgcard24 > .elementor-widget-text-editor{grid-column:2}
.amn-drawer .elementor-element-mgcard25{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start}
.amn-drawer .elementor-element-mgcard25 > .elementor-widget-image{grid-column:1;grid-row:1 / span 4}
.amn-drawer .elementor-element-mgcard25 > .elementor-widget-image img{width:104px;height:auto}
.amn-drawer .elementor-element-mgcard25 > .elementor-widget-heading,.amn-drawer .elementor-element-mgcard25 > .elementor-widget-text-editor{grid-column:2}
@media(max-width:479px){.amn-drawer .elementor-element-mgcard23{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.amn-drawer .elementor-element-mgcard23 > .elementor-widget-image img{width:76px}.amn-drawer .elementor-element-mgcard24{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.amn-drawer .elementor-element-mgcard24 > .elementor-widget-image img{width:76px}.amn-drawer .elementor-element-mgcard25{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.amn-drawer .elementor-element-mgcard25 > .elementor-widget-image img{width:76px}}

/* 11. Enquiry form - two-column card */
.elementor-element-enquiry-card{padding:0!important;border-top:2px solid #151a3f!important}
.fluentform .ff-t-container{display:grid!important;grid-template-columns:1fr 1fr;gap:0;margin:0!important}
.fluentform .ff-t-cell{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start;padding:26px 30px 32px!important;float:none!important;width:auto!important}
.fluentform .ff-t-cell:first-child{border-right:1px solid #e6e6e2}
.fluentform .amn-full{grid-column:1 / -1}
.fluentform .amn-half{grid-column:span 1;min-width:0}
.fluentform .ff-el-group{margin-bottom:14px!important}
.amn-step{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#151a3f}
.amn-step3{margin-top:22px}
.amn-step-n{flex:none;width:22px;height:22px;background:#151a3f;color:#fff;font:600 11px/22px 'IBM Plex Mono',monospace;text-align:center}
.amn-count{font-style:normal;color:#6d7085;letter-spacing:.1em}
.amn-hint{margin-top:10px;font:400 10.5px/1.5 'IBM Plex Mono',monospace;color:#b3820c}
.amn-hint.amn-off{visibility:hidden}
.fluentform .ff_submit_btn_wrapper,.fluentform .amn-submit{grid-column:1 / -1;margin-top:6px}
.fluentform .ff-btn-submit{width:100%!important}
.fluentform .ff-btn-submit[disabled]{background:#eeeeea!important;color:#8b8d99!important;cursor:not-allowed}
@media(max-width:1024px){.fluentform .ff-t-container{grid-template-columns:1fr}.fluentform .ff-t-cell:first-child{border-right:0;border-bottom:1px solid #e6e6e2}}
@media(max-width:600px){.fluentform .ff-t-cell{grid-template-columns:1fr;padding:20px 18px 26px!important}.fluentform .amn-half{grid-column:1 / -1}}

/* 12. Truck-brand tile picker */
.amn-visually-hidden{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);overflow:hidden}
.amn-brand-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fbfbfa;border:1px solid #e0e0dc;cursor:pointer;font:400 14px/1.4 'Archivo',sans-serif;color:#8b8d99;text-align:left}
.amn-brand-trigger.amn-picked{color:#151a3f;border-color:#151a3f;background:#fff}
.amn-brand-caret{flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6d7085}
.amn-brand-panel{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#e6e6e2;border:1px solid #e6e6e2;border-top:0;margin-top:-1px}
.amn-brand-panel.amn-on{display:grid}
.amn-brand-tile{background:#fff;border:0;cursor:pointer;padding:16px 12px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:background .18s ease}
.amn-brand-tile:hover{background:#fdfaf1}
.amn-brand-tile img{height:28px;width:auto;max-width:96px;object-fit:contain;display:block}
.amn-brand-name{font:400 9.5px/1.35 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#4a4d63;text-align:center}
.amn-brand-word{font:400 15px/1 'Archivo Black',sans-serif;letter-spacing:-.3px;color:#151a3f}
.amn-brand-hint{font:400 9.5px/1.35 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#8b8d99;text-align:center}
@media(max-width:900px){.amn-brand-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.amn-brand-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.amn-brand-tile{min-height:88px}}

/* 13. Brands mega menu — room to breathe */
.elementor-element-bmrow001{padding:6px!important}
.amn-brandtile{min-width:150px}
.amn-brandtile img{max-width:118px!important}

/* 14. Submit sits under the right-hand column only */
.fluentform .ff_submit_btn_wrapper,.fluentform .ff-el-group.ff_submit_btn_wrapper{width:50%!important;margin:0 0 0 auto!important;padding:0 30px 32px!important;box-sizing:border-box}
.fluentform .ff-t-cell:last-child{padding-bottom:8px!important}
@media(max-width:1024px){.fluentform .ff_submit_btn_wrapper,.fluentform .ff-el-group.ff_submit_btn_wrapper{width:100%!important;padding:0 30px 30px!important}}
@media(max-width:600px){.fluentform .ff_submit_btn_wrapper,.fluentform .ff-el-group.ff_submit_btn_wrapper{padding:0 18px 24px!important}}

/* 15. Inert submit uses theme neutrals, no blue */
.fluentform .ff-btn-submit[disabled],.fluentform .ff-btn-submit[disabled]:hover,.fluentform .ff-btn-submit[disabled]:focus{background:#eeeeea!important;color:#8b8d99!important;border-color:#eeeeea!important;cursor:not-allowed;box-shadow:none!important}

/* 16. Brand trigger + control states in theme colours only */
.amn-brand-trigger:hover{background:#fff;border-color:#151a3f;color:#151a3f}
.amn-brand-trigger:hover .amn-brand-caret{border-top-color:#151a3f}
.amn-brand-trigger:focus,.amn-brand-trigger:focus-visible{outline:none;border-color:#151a3f;box-shadow:none}
.amn-brand-trigger.amn-picked:hover{border-color:#b3820c}
.fluentform .ff-el-form-control:hover{border-color:#c9c9c2!important}
.fluentform .ff-el-form-control:focus,.fluentform .ff-el-form-control:focus-visible{border-color:#151a3f!important;box-shadow:none!important;outline:none!important}
.fluentform select:hover,.fluentform select:focus{border-color:#151a3f!important;box-shadow:none!important}
.amn-brand-tile:focus,.amn-brand-tile:focus-visible{outline:none;background:#fdfaf1}