/* Sregle global header + footer shell */
.sregle-global-header,
.sregle-global-footer{font-family:inherit;box-sizing:border-box;position:relative;z-index:1000}
.sregle-global-header *,.sregle-global-footer *{box-sizing:border-box}
.sregle-global-header{width:100%;background:#fff;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 6px 24px rgba(15,23,42,.06)}
.sregle-global-header-inner{width:min(1240px,calc(100% - 28px));margin:0 auto;min-height:78px;display:flex;align-items:center;gap:22px}
.sregle-global-logo-wrap{display:flex;align-items:center;min-width:150px}
.sregle-global-logo,.sregle-global-logo .custom-logo-link{display:flex!important;align-items:center;text-decoration:none!important}
.sregle-global-logo img,.sregle-global-logo-wrap .custom-logo{max-width:145px;max-height:52px;width:auto;height:auto;object-fit:contain}
.sregle-global-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:#172033!important;font-weight:800}
.sregle-global-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--sregle-primary,#0b6cff);color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(11,108,255,.22)}
.sregle-global-brand-name{font-size:22px;letter-spacing:-.5px}
.sregle-global-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}
.sregle-global-nav-link{padding:10px 13px;border-radius:12px;text-decoration:none!important;color:#253047!important;font-weight:700;font-size:14px;transition:.2s ease}
.sregle-global-nav-link:hover,.sregle-global-nav-link:focus{background:var(--sregle-secondary,#f7f7fa);color:var(--sregle-accent,#0b6cff)!important}
.sregle-global-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.sregle-global-wallet{display:flex;align-items:center;gap:5px;padding:7px 8px 7px 10px;border:1px solid var(--sregle-accent,#0b6cff);background:var(--sregle-accent,#0b6cff);border-radius:14px;text-decoration:none!important;color:#fff!important;min-width:118px;box-shadow:0 7px 18px color-mix(in srgb,var(--sregle-accent,#0b6cff) 20%,transparent)}
.sregle-global-wallet-link{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none!important;color:#fff!important;background:transparent!important;border:0!important;padding:0!important}.sregle-global-wallet-eye{width:27px;height:27px;flex:0 0 27px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.13);color:#fff;display:grid;place-items:center;font-size:11px;line-height:1;cursor:pointer}.sregle-global-wallet.is-hidden-balance .sregle-global-wallet-eye{background:rgba(255,255,255,.20)}.sregle-global-wallet-icon{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;font-weight:900}
.sregle-global-wallet small{display:block;font-size:10px;color:rgba(255,255,255,.78);line-height:1}.sregle-global-wallet strong{display:block;font-size:12px;line-height:1.25;margin-top:3px;color:#fff!important}
.sregle-global-cart,.sregle-global-account,.sregle-global-login{position:relative;min-width:42px;height:42px;border-radius:13px;display:grid;place-items:center;text-decoration:none!important;color:var(--sregle-accent,#0b6cff)!important;background:#f6f8fb;font-weight:800}
.sregle-global-cart:hover,.sregle-global-account:hover,.sregle-global-login:hover{background:#edf3ff;color:var(--sregle-accent,#0b6cff)!important}
.sregle-global-cart-icon{font-size:19px;line-height:1}.sregle-global-cart-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--sregle-accent,#0b6cff);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}
.sregle-global-account-icon{font-size:16px}.sregle-global-menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:13px;background:#f6f8fb;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.sregle-global-menu-toggle span{width:19px;height:2px;border-radius:2px;background:var(--sregle-accent,#0b6cff)!important}
.sregle-global-mobile-menu{display:none;width:min(1240px,calc(100% - 28px));margin:0 auto;padding:0 0 14px}.sregle-global-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sregle-global-mobile-links a{padding:12px 14px;border-radius:12px;background:#f7f9fc;text-decoration:none!important;color:#253047!important;font-weight:700}
.sregle-global-footer{margin-top:48px;background:#0f172a;color:#e7eefb;border-radius:28px 28px 0 0;overflow:hidden}
.sregle-global-footer-inner{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:46px 0 38px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:34px}
.sregle-footer-brand .sregle-global-brand{color:#fff!important;margin-bottom:15px}.sregle-footer-brand .sregle-global-brand-name{color:#fff}.sregle-footer-brand p{max-width:330px;color:#aebbd0;line-height:1.7;margin:10px 0 16px}.sregle-footer-contact{display:flex;flex-direction:column;gap:7px}.sregle-footer-contact a,.sregle-footer-col a{color:#cbd7e8!important;text-decoration:none!important}.sregle-footer-contact a:hover,.sregle-footer-col a:hover{color:#fff!important}
.sregle-footer-col{display:flex;flex-direction:column;gap:10px}.sregle-footer-col h3{margin:0 0 8px;color:#fff;font-size:15px}.sregle-footer-col a{font-size:13px}.sregle-footer-help p{color:#aebbd0;line-height:1.6;margin:0 0 12px;font-size:13px}.sregle-footer-support-btn{display:inline-flex!important;width:max-content;padding:10px 14px;border-radius:12px;background:var(--sregle-accent,#0b6cff);color:#fff!important;font-weight:800!important}
.sregle-footer-bottom{border-top:1px solid rgba(255,255,255,.1);width:min(1240px,calc(100% - 28px));margin:0 auto;padding:16px 0 22px;display:flex;justify-content:space-between;gap:15px;color:#8fa1bb;font-size:11px}
body.sregle-has-global-shell{--sregle-shell-max:1240px}
@media(max-width:900px){.sregle-global-header-inner{min-height:68px;gap:10px}.sregle-global-nav{display:none}.sregle-global-logo-wrap{min-width:0;flex:1}.sregle-global-menu-toggle{display:flex}.sregle-global-mobile-menu.is-open{display:block}.sregle-global-wallet{min-width:auto;padding:6px 9px}.sregle-global-wallet span:not(.sregle-global-wallet-icon){display:block}.sregle-global-wallet strong{font-size:11px}.sregle-global-account{display:none}.sregle-global-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sregle-footer-brand{grid-column:1/-1}}
@media(max-width:520px){.sregle-global-header-inner{width:calc(100% - 18px)}.sregle-global-logo img,.sregle-global-logo-wrap .custom-logo{max-width:105px;max-height:42px}.sregle-global-brand-mark{width:36px;height:36px;border-radius:11px}.sregle-global-brand-name{font-size:19px}.sregle-global-wallet{display:none}.sregle-global-login{height:38px;min-width:55px;font-size:12px}.sregle-global-cart,.sregle-global-menu-toggle{height:38px;min-width:38px}.sregle-global-mobile-menu{width:calc(100% - 18px)}.sregle-global-footer-inner{grid-template-columns:1fr;padding:34px 0}.sregle-footer-bottom{flex-direction:column;width:calc(100% - 18px)}.sregle-global-footer{border-radius:22px 22px 0 0}}

/* v1.2.2 global header enhancements */
.sregle-global-more{position:relative}.sregle-global-more-toggle{border:0;background:transparent;padding:10px 13px;border-radius:12px;color:#253047;font:inherit;font-weight:700;cursor:pointer}.sregle-global-more-toggle:hover{background:var(--sregle-secondary,#f7f7fa);color:var(--sregle-accent,#0b6cff)}.sregle-global-more-menu{position:absolute;top:calc(100% + 8px);right:0;width:290px;max-height:70vh;overflow:auto;padding:8px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.16);display:none;z-index:1100}.sregle-global-more-menu.is-open{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sregle-global-more-menu a{padding:10px;border-radius:10px;text-decoration:none!important;color:#253047!important;font-size:12px;font-weight:700}.sregle-global-more-menu a:hover{background:#f2f6ff;color:var(--sregle-accent,#0b6cff)!important}.sregle-global-mobile-more-title{grid-column:1/-1;padding:8px 4px 2px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.sregle-global-more{display:none}.sregle-global-mobile-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sregle-global-wallet{display:flex!important;min-width:82px;padding:5px 5px 5px 7px;border-radius:11px;gap:4px}.sregle-global-wallet-link{gap:5px}.sregle-global-wallet-eye{width:23px;height:23px;flex-basis:23px;font-size:10px}.sregle-global-wallet-icon{width:25px;height:25px;border-radius:8px;font-size:12px}.sregle-global-wallet small{font-size:8px}.sregle-global-wallet strong{font-size:10px;white-space:nowrap}.sregle-global-logo-wrap{max-width:105px}.sregle-global-actions{gap:5px}.sregle-global-header-inner{gap:7px}}

/* v1.2.3 sticky Sregle header */
.sregle-global-header{position:sticky;top:0;z-index:99990;backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);background:rgba(255,255,255,.94)}
body.admin-bar .sregle-global-header{top:32px}
@media(max-width:782px){body.admin-bar .sregle-global-header{top:46px}}


/* v1.3.2 — hard mobile full-width WooCommerce account/order layout */
@media (max-width: 767px){
  /* Break WooCommerce account pages out of theme/sidebar width constraints. */
  body.sregle-woocommerce-account .woocommerce,
  body.sregle-woocommerce-account .woocommerce-page,
  body.sregle-woocommerce-account .site-content .woocommerce,
  body.sregle-woocommerce-account .content-area .woocommerce,
  body.sregle-woocommerce-account .site-main .woocommerce{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
    float:none !important;
  }

  body.sregle-woocommerce-account .woocommerce-MyAccount-navigation,
  body.sregle-woocommerce-account .woocommerce-MyAccount-content,
  body.sregle-woocommerce-account .woocommerce-MyAccount-content .woocommerce{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* The order list itself must never inherit a desktop/table width. */
  body.sregle-woocommerce-account .woocommerce-orders-table,
  body.sregle-woocommerce-account table.woocommerce-orders-table,
  body.sregle-woocommerce-account .shop_table.woocommerce-orders-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    table-layout:auto !important;
    overflow:visible !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table thead{display:none !important}
  body.sregle-woocommerce-account .woocommerce-orders-table tbody,
  body.sregle-woocommerce-account .woocommerce-orders-table tr{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table tbody tr{
    margin:0 0 14px !important;
    padding:14px !important;
    background:#fff !important;
    border:1px solid #e5eaf1 !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
    box-sizing:border-box !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table tbody tr td{
    display:grid !important;
    grid-template-columns:90px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 0 !important;
    border:0 !important;
    text-align:right !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    box-sizing:border-box !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table tbody tr td::before{
    content:attr(data-title) !important;
    color:#64748b !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-align:left !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions{
    display:flex !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    padding-top:12px !important;
    border-top:1px solid #edf1f6 !important;
    margin-top:5px !important;
  }
  body.sregle-woocommerce-account .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions::before{display:none !important}
  body.sregle-woocommerce-account .woocommerce-orders-table .woocommerce-button,
  body.sregle-woocommerce-account .woocommerce-orders-table .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:100% !important;
    min-height:40px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    box-sizing:border-box !important;
  }

  /* Other WooCommerce account lists/tables: keep them inside the viewport. */
  body.sregle-woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.woocommerce-orders-table),
  body.sregle-woocommerce-account .woocommerce-MyAccount-content .woocommerce-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }

  /* Also catch account/order markup when a theme omits WooCommerce's body class. */
  body .woocommerce-orders-table{
    max-width:100% !important;
  }
}

/* v1.3.2 — bust cached CSS after the mobile account fix */


/* v1.3.3 — definitive mobile WooCommerce/account viewport reset.
 * Some themes constrain the BODY/#page wrapper itself on account/order pages.
 * Reset the page shell first; table fixes alone cannot correct that condition.
 */
@media (max-width: 767px){
  html:has(body.sregle-woocommerce-account){
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }
  body.sregle-woocommerce-account{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }
  body.sregle-woocommerce-account #page,
  body.sregle-woocommerce-account .site,
  body.sregle-woocommerce-account #content,
  body.sregle-woocommerce-account .site-content,
  body.sregle-woocommerce-account .content-area,
  body.sregle-woocommerce-account .site-main,
  body.sregle-woocommerce-account main.site-main,
  body.sregle-woocommerce-account .ast-container,
  body.sregle-woocommerce-account .container,
  body.sregle-woocommerce-account .container-fluid{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    float:none !important;
    box-sizing:border-box !important;
  }
  /* The Sregle header is a body-level shell and must span the viewport even
     when a theme applies an unexpected width to its direct parent. */
  body.sregle-woocommerce-account .sregle-global-header,
  body.sregle-woocommerce-account .sregle-global-footer{
    width:100vw !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }
  body.sregle-woocommerce-account .sregle-global-header{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  /* Remove theme column/flex constraints around the account area. */
  body.sregle-woocommerce-account .site-content > .container,
  body.sregle-woocommerce-account .site-content > .row,
  body.sregle-woocommerce-account .content-area > .row,
  body.sregle-woocommerce-account .woocommerce-account .row,
  body.sregle-woocommerce-account .woocommerce-account .col,
  body.sregle-woocommerce-account .woocommerce-account [class*="col-"]{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
  body.sregle-woocommerce-account .woocommerce,
  body.sregle-woocommerce-account .woocommerce-account,
  body.sregle-woocommerce-account .woocommerce-page{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
}

/* Sregle frontend links are clean and never underlined. */
.sregle-global-header a,.sregle-global-footer a,.sregle-bottom-nav a{text-decoration:none!important}

/* v2.4.43 low-bandwidth mode */
.sregle-low-bandwidth .sregle-home-carousel{scroll-behavior:auto!important}.sregle-low-bandwidth .sregle-home-section{animation:none!important;transition:none!important}.sregle-low-bandwidth img[loading=lazy]{content-visibility:auto;}

/* Sregle v2.4.51: Spin & Win readability + compact launcher */
.sregle-spin-win-launcher,
.sregle-spin-win-button,
.sregle-spinwin-launcher {
  transform: scale(.92);
  transform-origin: center;
}
.sregle-spin-wheel .prize-label,
.sregle-spin-wheel .gift-label,
.sregle-spin-wheel canvas + * {
  font-weight: 900 !important;
}
.sregle-transaction-balance {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:12px;
}
.sregle-transaction-balance .balance-before,
.sregle-transaction-balance .balance-after {
  padding:6px 9px;
  border-radius:8px;
  background:rgba(0,0,0,.035);
}

/* v2.4.56 transaction history readability */
.sregle-transaction-list .sregle-transaction-card,
.sregle-transactions .sregle-transaction-card,
.sregle-transaction-item {
  font-size: 14px !important;
  font-weight: 650 !important;
}
.sregle-transaction-list .sregle-transaction-card .title,
.sregle-transaction-list .sregle-transaction-card .service,
.sregle-transaction-list .sregle-transaction-card .recipient,
.sregle-transactions .sregle-transaction-card .title,
.sregle-transactions .sregle-transaction-card .service,
.sregle-transactions .sregle-transaction-card .recipient {
  font-weight: 800 !important;
}
.sregle-transaction-list .sregle-transaction-card .meta,
.sregle-transactions .sregle-transaction-card .meta {
  font-weight: 650 !important;
}