/* Additions on top of the ported customiser CSS: site header wordmark, FAQ drawer, mini-cart, toast. */

/* header wordmark (white MONTIGO / CUSTOMS lock-up) */
.hdr-logo { --fd-cust-h: 18px; height: var(--fd-cust-h); width: max-content; gap: calc(var(--fd-cust-h) * 0.06); line-height: 0; scale: 1.6; color: #fff; text-decoration: none; }
@media (min-width: 741px) { .hdr-logo { --fd-cust-h: 23px; } }
.hdr-logo svg { display: block; width: auto; overflow: visible; }
.hdr-logo svg path { fill: #fff; }
.hdr-logo__m svg { height: calc(var(--fd-cust-h) * 0.15); }
.hdr-logo__c svg { height: calc(var(--fd-cust-h) * 0.72); }
.link-anim { position: relative; }
.link-anim::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.link-anim:hover::after { transform: scaleX(1); }
#cart-count[data-zero="1"] { display: none; }

/* icons injected into buttons */
[data-icon] svg { display: block; }
.fd-spinner[data-icon] svg { width: auto; height: 48px; animation: fd-spinner-spin 0.9s linear infinite; }
.fd-fullscreen__close svg, .fd-popover__close svg, .fd-tc-modal__close svg { width: 14px; height: 14px; }

/* FAQ drawer (replaces the theme's <drawer-content>) */
.fd-drawer { position: fixed; inset: 0; z-index: 100002; visibility: hidden; pointer-events: none; transition: visibility 0s linear .3s; }
.fd-drawer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.fd-drawer__overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, .28); opacity: 0; transition: opacity .3s ease; }
.fd-drawer.is-open .fd-drawer__overlay { opacity: 1; }
.fd-drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(600px, 100vw); background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s ease; box-shadow: -10px 0 40px rgba(15, 23, 42, .12); }
.fd-drawer.is-open .fd-drawer__panel { transform: none; }
.fd-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 22px 28px; border-bottom: 1px solid var(--fd-divider); flex: none; }
.fd-drawer__title { margin: 0; font-size: 16px; font-weight: 700; }
.fd-drawer__close { background: none; border: 0; color: var(--fd-navy); cursor: pointer; padding: 6px; line-height: 0; }
.fd-drawer__close svg { width: 14px; height: 14px; }
.fd-drawer__content { flex: 1; overflow-y: auto; padding: 24px 28px 40px; }
.rte { font-size: 14px; line-height: 1.65; color: var(--fd-navy); }
.rte p { margin: 0 0 12px; }
.rte ul { margin: 0 0 14px; padding-left: 22px; list-style: disc; }
.rte ul ul { margin: 6px 0 0; list-style: circle; }
.rte li { margin-bottom: 4px; }
.rte a { text-decoration: underline; }
.rte strong, .rte b { font-weight: 700; }

/* mini-cart */
.cart-drawer { position: fixed; inset: 0; z-index: 100003; visibility: hidden; pointer-events: none; transition: visibility 0s linear .3s; }
.cart-drawer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.cart-drawer__overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, .28); opacity: 0; transition: opacity .3s; }
.cart-drawer.is-open .cart-drawer__overlay { opacity: 1; }
.cart-drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s ease; }
.cart-drawer.is-open .cart-drawer__panel { transform: none; }
.cart-line { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--fd-divider); font-size: 13px; line-height: 1.45; }
.cart-line img { width: 84px; height: 84px; border-radius: 12px; background: #F4F5F8; object-fit: cover; flex: none; }
.cart-line__t { font-weight: 700; font-size: 14px; }
.cart-line__m { color: #7c86ad; }
.cart-line__x { margin-top: 6px; font-size: 12px; text-decoration: underline; cursor: pointer; color: #7c86ad; background: none; border: 0; padding: 0; }
.cart-empty { text-align: center; padding: 60px 0; color: #7c86ad; }

/* toast */
.toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); background: var(--fd-navy); color: #fff; padding: 12px 20px; border-radius: 999px; font-size: 13px; font-weight: 600; opacity: 0; pointer-events: none; z-index: 100010; transition: opacity .25s, transform .25s; max-width: calc(100vw - 32px); text-align: center; }
.toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* primary pill button for UI outside #fd-root (cart drawer) */
.btn-navy { width: 100%; background: var(--fd-navy, #0F172A); color: #fff; border: 0; border-radius: 999px; padding: 14px 28px; font-size: 14px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: transform .1s, box-shadow .15s; }
.btn-navy:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(26, 33, 105, .22); }

.cart-pill { position: absolute; right: 0; top: -2px; display: none; }
.fd-header { position: relative; }
.cart-pill { display: inline-flex; align-items: center; gap: 8px; background: var(--fd-navy); color: #fff; border: 0; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 700; cursor: pointer; position: static; order: 2; }
.cart-pill span { background: #fff; color: var(--fd-navy); border-radius: 999px; min-width: 20px; height: 20px; display: grid; place-items: center; font-size: 11px; }
.fd-header { align-items: center; }
.fd-spinner .ring { width: 44px; height: 44px; border-radius: 50%; border: 4px solid rgba(15,23,42,.15); border-top-color: var(--fd-navy); animation: fd-spinner-spin .8s linear infinite; }
#cart-count[data-zero="1"] { display: grid; }