/* Custom styles for Boba Divi Child */
:root {
  --boba-accent: #00e0b8;

  /* Brand tokens */
  --brand-green: #00e0b8;
  --brand-black: #111111;
  --brand-white: #ffffff;
  --brand-gray: #F5F5F5; /* updated per request */
}

/* Base defaults */
body { background-color: var(--brand-white); }

/* Divi default buttons */
.et_pb_button,
.et_pb_button_module_wrapper a.et_pb_button {
  border-radius: 8px;
  padding: 0.9rem 1.2rem;
  font-weight: 600;
}

/* Variants (apply these classes in Divi "Advanced → CSS Class") */
.btn--green { background: var(--brand-green) !important; color: var(--brand-black) !important; border-color: var(--brand-green) !important; }
.btn--black { background: var(--brand-black) !important; color: var(--brand-white) !important; border-color: var(--brand-black) !important; }

/* Background helpers (apply to Sections/Rows) */
.bg--gray { background: var(--brand-gray) !important; }
.bg--white { background: var(--brand-white) !important; }

/* Add page-specific tweaks below */

/* Override WP core link underline */
a:not(.wp-element-button) { text-decoration: none !important; }
a:not(.wp-element-button):hover { text-decoration: none !important; }





/* Enforce Divi device visibility: keep mobile/tablet-only sections hidden on desktop */

/* Device visibility using your section classes */

/* Desktop fallback by section number to prevent mixing */

/* Typography override: make specific buttons medium weight (revert by removing this block) */
.new-button-green-no,
.new-button-green-no.et_pb_button,
.et_pb_button_module_wrapper a.et_pb_button.new-button-green-no {
  font-weight: 500 !important;
}

/* Visibility helpers (front-end only; builder unaffected) */
@media (min-width: 981px) {
  body:not(.et-fb) .desktop-only-section:not(.et_pb_hidden_desktop) { display: block !important; }
  body:not(.et-fb) .mobile-only-section { display: none !important; }
}
@media (max-width: 980px) {
  body:not(.et-fb) .desktop-only-section { display: none !important; }
  body:not(.et-fb) .mobile-only-section:not(.et_pb_hidden_phone):not(.et_pb_hidden_tablet) { display: block !important; }
}