/*
Theme Name:   Divi Child
Theme URI:    https://example.com
Description:  Child theme for Divi 5. Safe place for custom CSS, PHP, and template overrides.
Author:       Your Name
Author URI:   https://example.com
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-child
Tags:         divi, child-theme
*/

/* ==========================================================================
   Custom CSS
   Loaded after the Divi parent stylesheet, so anything here wins.
   Divi 5 emits scoped, module-level CSS — if a rule doesn't stick, inspect
   the element and match its generated selector rather than reaching for
   !important.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Design tokens
   Override these and reuse them below instead of hardcoding values.
   -------------------------------------------------------------------------- */
:root {
	--brand-primary: #2b2b2b;
	--brand-accent: #e0662a;
	--brand-muted: #6b7280;
	--radius-base: 6px;
}

/* --------------------------------------------------------------------------
   2. Global
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   3. Header / navigation
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   4. Modules
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   5. Footer
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   6. Responsive
   Divi's breakpoints: 980px (tablet), 767px (phone).
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {

}

@media (max-width: 767px) {

}


/* ------------------------------------------
 * LEGAL PAGE CSS
.hs-legal-tabs { display: flex; flex-wrap: wrap; }
.hs-legal-tabs a {
  font-family: "Bebas Neue", sans-serif;
  font-size: 20px; letter-spacing: .06em; line-height: 1;
  padding: 18px 26px; background: #fff; color: #373D3B; text-decoration: none;
}
.hs-legal-tabs a[aria-current="page"] { background: #004AAD; color: #fff; }

.hs-legal-rule { border-top: 7px dashed #D6336C; height: 0; }

/* auto-numbered section headings */
.hs-legal-body { counter-reset: hs-sec; }
.hs-legal-body h2 {
  counter-increment: hs-sec;
  display: flex; align-items: center; gap: 18px;
  font-family: "Bebas Neue", sans-serif; color: #004AAD;
  font-size: 34px; margin: 64px 0 18px; scroll-margin-top: 120px;
}
.hs-legal-body h2::before {
  content: counter(hs-sec, decimal-leading-zero);
  flex: 0 0 auto; background: #004AAD; color: #fff;
  font-size: 16px; line-height: 1; padding: 11px 9px; border-radius: 2px;
}
.hs-legal-body p {
  font-family: "EB Garamond", serif; font-size: 19px; line-height: 1.75; color: #373D3B;
}

/* contents list */
.hs-legal-toc { position: sticky; top: 120px; align-self: start; }
.hs-legal-toc h3 { font-family: "Bebas Neue", sans-serif; letter-spacing: .08em; color: #373D3B; }
.hs-legal-toc-list { list-style: none; margin: 0; padding: 0; counter-reset: hs-toc; }
.hs-legal-toc-list li { counter-increment: hs-toc; margin-bottom: 14px; }
.hs-legal-toc-list a {
  display: flex; gap: 12px;
  font-family: "EB Garamond", serif; font-size: 18px; color: #D6336C; text-decoration: none;
}
.hs-legal-toc-list a::before {
  content: counter(hs-toc, decimal-leading-zero);
  font-family: "Bebas Neue", sans-serif; color: #004AAD;
}
.hs-legal-toc-list a.is-current { color: #004AAD; }
.hs-legal-toc-rule { display: block; margin-top: 28px; border-top: 7px dashed #D6336C; }

@media (max-width: 980px) {
  .hs-legal-toc { position: static; }
  .hs-legal-tabs { flex-wrap: nowrap; overflow-x: auto; }
}


/* =========================================================
   WOOCOMMERCE CHECKOUT / ORDER RECEIVED SWITCH
   ========================================================= */


/* Hide the Order Received design during normal checkout */
body:not(.woocommerce-order-received) .order-received-only {
    display: none !important;
}


/* Hide the normal checkout design after an order is placed */
body.woocommerce-order-received .checkout-only {
    display: none !important;
}


/* Show Order Received design after successful checkout */
body.woocommerce-order-received .order-received-only {
    display: block !important;
}