/* IrwaStyle V3.8.1 — canonical brand layout. No hidden vw/height caps. */
.storefront header .store-header-row{height:max(58px,calc(var(--t-logo-h-desktop,44px) + 16px))!important;min-height:max(58px,calc(var(--t-logo-h-desktop,44px) + 16px))!important;padding-block:8px}
.storefront .store-header-row>.store-brand{flex:0 1 auto;min-width:0;max-width:calc(100% - 140px);overflow:visible}
.storefront .store-header-row .brand-logo-frame{
  display:inline-flex;align-items:center;position:relative;flex:0 1 auto;
  width:min(var(--t-logo-desktop,175px),100%);height:var(--t-logo-h-desktop,44px);
  min-width:0;max-width:100%;flex-shrink:1;overflow:hidden;
}
.storefront .store-header-row .brand-logo-frame img.smart-img--logo{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  min-width:0;object-fit:contain!important;object-position:center left!important;
  background:transparent!important;flex-shrink:0;transform:scale(var(--t-logo-zoom-desktop,1));
}
.storefront .store-header-row .store-brand .brand-wordmark{
  font-size:var(--t-wordmark-desktop,25px)!important;max-width:100%;
  overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;
  line-height:1.1!important;
}
.storefront .brand-logo-loading{
  display:block;position:absolute;inset:6px 1px;border-radius:7px;
  background:linear-gradient(100deg,#f4e9ee 15%,#fff 40%,#f4e9ee 65%);
  background-size:220% 100%;animation:irwa-brand-load 1.2s ease-in-out infinite;
}
@keyframes irwa-brand-load{to{background-position-x:-220%}}
.storefront .brand-image-fallback{display:inline-block;color:inherit;font-family:Georgia,serif;font-weight:700;font-size:clamp(16px,2vw,24px);overflow-wrap:anywhere}
/* Drawer/footer deliberately remain compact and never inherit the large header size. */
.storefront .store-brand--drawer .brand-logo-frame,.storefront .store-brand--footer .brand-logo-frame{
  width:170px;max-width:100%;height:55px;position:relative;display:inline-flex;align-items:center;
}
.storefront .store-brand--drawer .brand-logo-frame img.smart-img--logo,
.storefront .store-brand--footer .brand-logo-frame img.smart-img--logo{
  width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;
}
/* Empty/default store name follows the same dimensions as an uploaded logo. */
.storefront .store-header-row>.store-brand:has(.brand-wordmark){flex-shrink:1}
@media(max-width:767px){
  .storefront header .store-header-row{height:max(52px,calc(var(--t-logo-h-mobile,38px) + 12px))!important;min-height:52px!important;padding-block:6px}
  .storefront .store-header-row>.store-brand{max-width:calc(100% - 175px)}
  .storefront .store-header-row .brand-logo-frame{
    width:min(var(--t-logo-mobile,140px),100%);height:var(--t-logo-h-mobile,38px);
  }
  .storefront .store-header-row .brand-logo-frame img.smart-img--logo{transform:scale(var(--t-logo-zoom-mobile,1))}
  .storefront .store-header-row .store-brand .brand-wordmark{
    font-size:var(--t-wordmark-mobile,20px)!important;max-width:100%;
  }
  /* Two-row variant makes a genuinely large logo usable on 320px devices. */
  .storefront .store-header-row[data-logo-expanded="true"]{
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 44px!important;
    align-items:center;column-gap:10px!important;row-gap:6px!important;height:auto!important;
    padding-top:9px;padding-bottom:7px;
  }
  .storefront .store-header-row[data-logo-expanded="true"]>.store-brand{
    grid-row:1;grid-column:1 / -1;justify-self:center;justify-content:center;
    max-width:100%!important;width:min(100%,var(--t-logo-mobile,140px));
    overflow:visible;
  }
  .storefront .store-header-row[data-logo-expanded="true"] .brand-logo-frame{
    width:100%;max-width:100%;justify-content:center;
  }
  .storefront .store-header-row[data-logo-expanded="true"] .brand-logo-frame img.smart-img--logo{object-position:center!important}
  .storefront .store-header-row[data-logo-expanded="true"]>.store-menu-toggle{grid-column:1;grid-row:2;justify-self:start}
  .storefront .store-header-row[data-logo-expanded="true"]>.store-header-actions{grid-column:2;grid-row:2;justify-self:end;margin-left:0!important}
  .storefront .store-header-row[data-logo-expanded="true"]>.store-brand .brand-wordmark{overflow-wrap:anywhere;text-align:center}
}
@media(min-width:768px) and (max-width:1023px){
  .storefront .store-header-row>.store-brand{max-width:calc(100% - 190px)}
}
/* Editor: valid input hierarchy and direct numeric entry so sliders are not deceptive. */
.easy-tweak-control>.easy-tweak-label label{font-weight:800;cursor:pointer}
.easy-direct-number{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:12px;color:#6b4a5b}
.easy-direct-number input{width:92px;max-width:100%;min-height:42px;border:1px solid #dab9c7;border-radius:9px;padding:6px 10px;color:#512a3e;background:white;font-size:15px;font-weight:700}
.easy-direct-number input:focus-visible{outline:3px solid #bf779a;outline-offset:2px}
.easy-logo-heights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.easy-logo-heights>.easy-tweak-control{min-width:0}
.easy-refresh-logo{min-height:44px;max-width:100%;border:1px dashed #c590a9;border-radius:10px;background:#fff6fa;color:#783a55;padding:8px 12px;font-size:12px;font-weight:750;text-align:left}
.easy-refresh-logo:hover{background:#ffecf3}
.easy-preview-brand{height:auto!important;min-height:65px!important;max-height:none!important;align-items:center;padding-block:10px}
.easy-preview-brand img.easy-preview-logo{max-height:none!important;height:auto;object-fit:contain}
.irwa-boot-screen{min-height:90dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:28px;font-family:system-ui,Arial,sans-serif;background:#fffaf8;color:#532b41}
.irwa-boot-screen h1{font-size:22px;font-weight:800}.irwa-boot-screen p{line-height:1.6;max-width:550px}
.irwa-boot-screen a,.irwa-boot-screen button{border:1px solid #b77593;border-radius:10px;padding:10px 16px;color:#682d49;background:#fff;cursor:pointer}
@media(max-width:530px){.easy-logo-heights{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.storefront .brand-logo-loading{animation:none}}
