/* Braids Goddess 1.7.13 — Assistance layout lock.
   Loaded after all account/support styles. The assistance canvas must use the same
   geometry as the Espace Déesse dashboard and never inherit a narrow page column. */

@media (min-width: 901px) {
  /* Logged-in assistance lives in the right-hand My Account canvas. */
  body.bgc-enabled.bgc-support-view.woocommerce-account .bg-content-shell {
    width: min(1500px, calc(100% - 64px)) !important;
    max-width: 1500px !important;
    margin-inline: auto !important;
    padding-top: 30px !important;
  }

  body.bgc-enabled.bgc-support-view.woocommerce-account .bg-entry,
  body.bgc-enabled.bgc-support-view.woocommerce-account .bg-entry__content,
  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }

  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr) !important;
    grid-template-areas: "support-nav support-main" !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
    grid-area: support-nav !important;
    grid-column: 1 !important;
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
    margin: 0 !important;
    float: none !important;
  }

  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
    grid-area: support-main !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hero: editorial, wide, with the portrait occupying the right side. */
  body.bgc-enabled.bgc-support-view .bgc-support-hero {
    width: 100% !important;
    min-height: 330px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    align-items: center !important;
    gap: 36px !important;
    padding: 46px 50px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact:after {
    width: 39% !important;
    opacity: .96 !important;
    background-position: center 28% !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child {
    max-width: 64% !important;
    min-width: 0 !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-hero h1 {
    max-width: 680px !important;
    font-size: clamp(54px, 4.4vw, 76px) !important;
    line-height: .88 !important;
    margin: 0 0 18px !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-hero p {
    max-width: 570px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-hero__badge {
    justify-self: end !important;
    align-self: center !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    padding: 28px !important;
    border-radius: 16px !important;
    position: relative !important;
    z-index: 3 !important;
  }

  /* Ticket creation + history: two proper columns beneath the hero. */
  body.bgc-enabled.bgc-support-view .bgc-support-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    gap: 18px !important;
    margin: 18px 0 0 !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-card,
  body.bgc-enabled.bgc-support-view .bgc-ticket-thread {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 16px !important;
    padding: 30px !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-card__head h2 {
    font-size: 34px !important;
    line-height: 1 !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-form-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-form input,
  body.bgc-enabled.bgc-support-view .bgc-support-form select {
    min-height: 50px !important;
  }

  body.bgc-enabled.bgc-support-view .bgc-support-form textarea {
    min-height: 150px !important;
  }

  /* Public /assistance/ fallback: same wide canvas if a visitor is logged out. */
  body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-content-shell,
  body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-entry,
  body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bg-entry__content {
    width: min(1380px, calc(100% - 64px)) !important;
    max-width: 1380px !important;
    margin-inline: auto !important;
  }

  body.bgc-enabled.bgc-support-view:not(.woocommerce-account) .bgc-support-shell {
    margin: 42px auto 78px !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }
  body.bgc-enabled.bgc-support-view.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero {
    grid-template-columns: minmax(0, 1fr) 280px !important;
    padding: 38px 40px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero h1 {
    font-size: 54px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
  }
}

@media (max-width: 900px) {
  body.bgc-enabled.bgc-support-view .bgc-support-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero {
    width: 100% !important;
    min-height: 0 !important;
    display: block !important;
    padding: 24px 20px !important;
    border-radius: 14px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact:after {
    width: 48% !important;
    opacity: .16 !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child {
    max-width: none !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-hero__badge {
    display: none !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-support-card,
  body.bgc-enabled.bgc-support-view .bgc-ticket-thread {
    padding: 20px 16px !important;
    border-radius: 14px !important;
  }
  body.bgc-enabled.bgc-support-view .bgc-form-row {
    grid-template-columns: 1fr !important;
  }
}


/* 2.0.2 — Recovery QA: never allow Assistance to collapse into a legacy narrow column. */
body.bgc-enabled.bgc-support-view .bgc-support-shell,
body.bgc-enabled.bgc-support-view .bgc-support-grid,
body.bgc-enabled.bgc-support-view .bgc-support-hero{box-sizing:border-box!important;min-width:0!important;}
body.bgc-enabled.bgc-support-view .woocommerce-MyAccount-content > .bgc-support-shell{width:100%!important;max-width:none!important;margin:0!important;}
@media (min-width:901px){
  body.bgc-enabled.bgc-support-view .bgc-support-shell{width:100%!important;max-width:none!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child{max-width:680px!important;width:100%!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;}
}
@media (max-width:900px){
  body.bgc-enabled.bgc-support-view .bgc-support-shell{width:calc(100% - 24px)!important;max-width:none!important;margin:14px auto 34px!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero{display:block!important;width:100%!important;padding:24px 20px!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero--compact > div:first-child{max-width:none!important;width:100%!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero h1{font-size:42px!important;line-height:.92!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-hero p{font-size:11px!important;max-width:100%!important;}
  body.bgc-enabled.bgc-support-view .bgc-support-grid{width:100%!important;grid-template-columns:1fr!important;}
}