.elementor-4366 .elementor-element.elementor-element-b32fff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-94px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:48px;--padding-right:48px;--z-index:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-4366 .elementor-element.elementor-element-6c4035cb .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-weight:500;letter-spacing:-0.01em;color:var( --e-global-color-secondary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-menu-toggle{margin:0 auto;}.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-nav-menu .elementor-item{font-family:"Mulish", Sans-serif;font-size:0.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.2em;}.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4366 .elementor-element.elementor-element-4072ce83 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4366 .elementor-element.elementor-element-882876f .elementor-button{background-color:#CDBDA800;font-family:"Mulish", Sans-serif;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );padding:14px 22px 14px 22px;}.elementor-4366 .elementor-element.elementor-element-882876f .elementor-button:hover, .elementor-4366 .elementor-element.elementor-element-882876f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-4366 .elementor-element.elementor-element-882876f .elementor-button:hover svg, .elementor-4366 .elementor-element.elementor-element-882876f .elementor-button:focus svg{fill:#000000;}.elementor-4366 .elementor-element.elementor-element-61ff950e{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.87;--padding-top:150px;--padding-bottom:120px;--padding-left:48px;--padding-right:48px;--z-index:0;}.elementor-4366 .elementor-element.elementor-element-61ff950e:not(.elementor-motion-effects-element-type-background), .elementor-4366 .elementor-element.elementor-element-61ff950e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://2027.jazzandcoffee-escape.net/wp-content/uploads/2026/06/pexels-ken-jacobsen-2153687226-35390103.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4366 .elementor-element.elementor-element-61ff950e::before, .elementor-4366 .elementor-element.elementor-element-61ff950e > .elementor-background-video-container::before, .elementor-4366 .elementor-element.elementor-element-61ff950e > .e-con-inner > .elementor-background-video-container::before, .elementor-4366 .elementor-element.elementor-element-61ff950e > .elementor-background-slideshow::before, .elementor-4366 .elementor-element.elementor-element-61ff950e > .e-con-inner > .elementor-background-slideshow::before, .elementor-4366 .elementor-element.elementor-element-61ff950e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(120deg, var( --e-global-color-b930cc3 ) 35%, #0B1638AD 100%);}.elementor-4366 .elementor-element.elementor-element-6f57bd0c > .elementor-widget-container{margin:0px 0px -63px 0px;padding:0px 0px 0px 0px;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero{text-align:center;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero-meta{justify-content:center;color:#8e93ad;gap:26px;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero-eyebrow{color:#d8b96a;margin-bottom:18px;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero-h1{color:#f3ecdd;font-family:"Bodoni Moda", Sans-serif;font-size:4.9rem;margin-bottom:26px;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero-h1 em{color:#d8b96a;}.elementor-4366 .elementor-element.elementor-element-6f57bd0c .mj-hero-lede{color:#c9cde0;font-family:"Bodoni Moda", Sans-serif;font-size:1.2rem;font-weight:400;max-width:520px;margin-bottom:34px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for majace_hero_text, class: .elementor-element-6f57bd0c *//* ============================================================
   MAJACE 2027 — WooCommerce "My Account" Reskin
   Theme: Hello Elementor
   Paste into:  Appearance → Customize → Additional CSS
   Matches the navy + gold checkout design language.
   Targets standard WooCommerce My Account markup.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700&family=Mulish:wght@300;400;500;600&display=swap');

:root{
  --navy:#04081c; --navy-2:#070d28; --navy-3:#0b1638;
  --blue:#1f4fd6; --blue-lt:#3e74ff; --blue-glow:rgba(62,116,255,.55);
  --gold:#c9a24e; --gold-lt:#ecd08a; --gold-deep:#9c7a37;
  --paper:#eef2ff; --paper-dim:#aeb9da;
  --muted:#7e89ab; --muted-2:#535d80;
  --line:rgba(201,162,78,.24);
  --line-blue:rgba(62,116,255,.22);
  --green:#4fae8a; --red:#e0795f;
}

/* ============================================================
   1. PAGE BACKGROUND + BASE TYPE
   ============================================================ */
body.woocommerce-account{
  background:var(--navy);
  color:var(--paper);
}
body.woocommerce-account::before{           /* soft blue glow wash */
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 700px at 8% -6%,rgba(62,116,255,.16),transparent 60%),
    radial-gradient(800px 800px at 102% 18%,rgba(31,79,214,.12),transparent 62%);
}
body.woocommerce-account .woocommerce,
body.woocommerce-account main,
body.woocommerce-account .entry-content{
  position:relative;z-index:1;
}
body.woocommerce-account,
body.woocommerce-account p,
body.woocommerce-account label,
body.woocommerce-account td,
body.woocommerce-account th,
body.woocommerce-account li{
  font-family:'Mulish',sans-serif;
  font-weight:300;
  color:var(--paper);
}
body.woocommerce-account a{ color:var(--blue-lt); text-decoration:none; }
body.woocommerce-account a:hover{ color:var(--gold-lt); }

/* page title (e.g. "My account") */
body.woocommerce-account .entry-title,
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3{
  font-family:'Bodoni Moda',serif;
  font-weight:500;
  color:var(--paper);
  letter-spacing:.01em;
}

/* constrain + center the account area */
.woocommerce-account .woocommerce{
  max-width:1180px;
  margin:0 auto;
  padding:40px 0 80px;
}

/* ============================================================
   2. NAVIGATION SIDEBAR
   (Dashboard / Orders / Downloads / Addresses / Account / Logout)
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation{
  width:30% !important;
  float:left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:18px;
  background:linear-gradient(rgba(7,13,40,.72),rgba(4,8,28,.62));
  border:1px solid var(--line-blue);
  box-shadow:0 36px 90px -52px rgba(0,0,0,.85),
             inset 0 1px 0 rgba(255,255,255,.04);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0;
  border-bottom:1px solid var(--line-blue);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{
  border-bottom:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;
  padding:15px 16px;
  font-family:'Mulish',sans-serif;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--paper-dim);
  transition:color .3s, background .3s, padding-left .3s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color:var(--gold-lt);
  background:rgba(62,116,255,.06);
  padding-left:22px;
}
/* active item */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:var(--navy);
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  font-weight:600;
  box-shadow:0 0 16px rgba(201,162,78,.3);
}

/* ============================================================
   3. CONTENT PANEL
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content{
  width:66% !important;
  float:right;
  background:linear-gradient(rgba(7,13,40,.72),rgba(4,8,28,.62));
  border:1px solid var(--line-blue);
  box-shadow:0 36px 90px -52px rgba(0,0,0,.85),
             inset 0 1px 0 rgba(255,255,255,.04);
  padding:38px 40px;
}
.woocommerce-account .woocommerce-MyAccount-content p{
  color:var(--paper-dim);
  line-height:1.75;
}
.woocommerce-account .woocommerce-MyAccount-content a{ color:var(--gold-lt); }
.woocommerce-account .woocommerce-MyAccount-content a:hover{ color:var(--paper); }
.woocommerce-account .woocommerce-MyAccount-content mark{
  background:transparent;
  color:var(--gold-lt);
  font-weight:600;
}
/* clearfix so the floats don't collapse */
.woocommerce-account .woocommerce::after{ content:""; display:table; clear:both; }

/* ============================================================
   4. ORDERS / DOWNLOADS TABLES
   ============================================================ */
.woocommerce-account .shop_table,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-downloads{
  width:100%;
  border:none;
  border-collapse:collapse;
  background:transparent;
}
.woocommerce-account .shop_table thead th{
  font-size:.6rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:600;
  padding:0 12px 14px;
  border-bottom:1px solid var(--line-blue);
  background:transparent;
  text-align:left;
}
.woocommerce-account .shop_table tbody td{
  padding:16px 12px;
  border:none;
  border-top:1px solid var(--line-blue);
  color:var(--paper-dim);
  font-size:.92rem;
  background:transparent;
}
.woocommerce-account .shop_table tbody tr:hover td{
  background:rgba(62,116,255,.05);
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a{
  font-family:'Bodoni Moda',serif;
  color:var(--paper);
}
.woocommerce-account .shop_table tfoot th,
.woocommerce-account .shop_table tfoot td{
  border-top:1px solid var(--line);
  color:var(--paper);
}

/* order status pill */
.woocommerce-account .woocommerce-orders-table__cell-order-status{
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-lt);
}

/* ============================================================
   5. ADDRESSES
   ============================================================ */
.woocommerce-account .woocommerce-Addresses{ margin-top:10px; }
.woocommerce-account .woocommerce-Address{
  background:rgba(4,8,28,.4);
  border:1px solid var(--line-blue);
  padding:24px 26px;
  margin-bottom:24px;
}
.woocommerce-account .woocommerce-Address-title h3{
  font-size:1.2rem;
  margin-bottom:10px;
}
.woocommerce-account address{
  font-style:normal;
  color:var(--paper-dim);
  line-height:1.8;
}

/* ============================================================
   6. FORMS  (login, register, edit account, edit address)
   ============================================================ */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account form.login,
.woocommerce-account form.register{
  background:linear-gradient(rgba(7,13,40,.72),rgba(4,8,28,.62));
  border:1px solid var(--line-blue);
  padding:36px 38px;
  max-width:560px;
}
/* when logged-out the login/register sit side by side — center them */
.woocommerce-account .u-columns{ display:flex; flex-wrap:wrap; gap:30px; }
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2{
  flex:1 1 320px; float:none; width:auto;
}

.woocommerce-account .form-row label,
.woocommerce-account .woocommerce-form-row label{
  display:block;
  font-size:.66rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--paper-dim);
  font-weight:600;
  margin-bottom:9px;
}
.woocommerce-account .required{ color:var(--gold-lt); border:0; }

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"],
.woocommerce-account textarea,
.woocommerce-account select{
  width:100% !important;
  background:rgba(4,8,28,.55) !important;
  border:1px solid var(--line-blue) !important;
  border-radius:0 !important;
  color:var(--paper) !important;
  font-family:'Mulish',sans-serif !important;
  font-weight:300;
  font-size:.96rem;
  padding:14px 16px !important;
  height:auto !important;
  outline:none;
  box-shadow:none !important;
  transition:border-color .3s, box-shadow .3s, background .3s;
}
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder{ color:var(--muted-2); }
.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus{
  border-color:var(--gold) !important;
  background:rgba(4,8,28,.8) !important;
  box-shadow:0 0 0 3px rgba(201,162,78,.12) !important;
}
.woocommerce-account select{
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23aeb9da' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  padding-right:42px !important;
}
/* "Remember me" + hints */
.woocommerce-account .woocommerce-form-login__rememberme span,
.woocommerce-account em,
.woocommerce-account .password-input{ color:var(--muted); }
.woocommerce-account .lost_password a{ color:var(--gold-lt); }

/* ============================================================
   7. BUTTONS
   ============================================================ */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:'Mulish',sans-serif !important;
  font-size:.78rem !important;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-weight:600 !important;
  color:var(--navy) !important;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold)) !important;
  padding:15px 30px !important;
  border:none !important;
  border-radius:0 !important;
  cursor:pointer;
  transition:transform .35s, box-shadow .35s;
}
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 38px rgba(62,116,255,.4) !important;
}
/* secondary / "view" buttons get an outline treatment */
.woocommerce-account .woocommerce-orders-table .button.view{
  background:transparent !important;
  color:var(--gold-lt) !important;
  border:1px solid var(--gold) !important;
  padding:9px 20px !important;
}
.woocommerce-account .woocommerce-orders-table .button.view:hover{
  background:var(--gold) !important;
  color:var(--navy) !important;
}

/* ============================================================
   8. NOTICES / MESSAGES / ERRORS
   ============================================================ */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice{
  background:rgba(7,13,40,.7) !important;
  border:1px solid var(--line-blue) !important;
  border-top:3px solid var(--gold) !important;
  border-radius:0 !important;
  color:var(--paper-dim) !important;
}
.woocommerce-account .woocommerce-error{ border-top-color:var(--red) !important; }
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before{ color:var(--gold-lt) !important; }

/* ============================================================
   9. RESPONSIVE
   ============================================================ */
@media(max-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    width:100% !important;
    float:none;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{ margin-bottom:24px; }
  .woocommerce-account .woocommerce-MyAccount-content{ padding:28px 22px; }
}/* End custom CSS */