/*
 Theme Name:   Divi 5 Child
 Theme URI:    https://example.com
 Description: Child theme for Divi 5 Beta
 Author:       Your Name
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
*/

/* Add your custom styles below */

/* Header issuers */
@media (max-width: 767px) {
    .et_pb_column_0_tb_header  {
        column-gap: 0px;
    }
}

/* Hide mobile-only elements by default */
.for-mobile {
    display: none !important;
}
/* Show only on mobile */
@media (max-width: 767px) {
    .for-mobile {
        display: unset !important;
    }
}

/* Form */
.gform-theme[data-form-index],
[data-parent-form] {

  /* inputs */
  --gf-radius: 16px !important;
  --gf-ctrl-border-width: 1px !important;
  --gf-ctrl-border-color: #000 !important;
  --gf-color-in-ctrl: #fff !important;
  --gf-font-size: 18px !important;

  /* button base */
  --gf-ctrl-btn-bg-color-primary: #c9f29b !important;
  --gf-ctrl-btn-color-primary: #000 !important;
  --gf-ctrl-btn-radius: 999px !important;

  /* button hover */
  --gf-ctrl-btn-bg-color-hover-primary: #c9f29b !important;
  --gf-ctrl-btn-color-hover-primary: #000 !important;
  --gf-ctrl-btn-border-color-hover-primary: transparent !important;

  /* button focus */
  --gf-ctrl-btn-bg-color-focus-primary: #c9f29b !important;
  --gf-ctrl-btn-color-focus-primary: #000 !important;

  /* button layout */
  --gf-ctrl-btn-padding-y: 16px !important;
  --gf-ctrl-btn-padding-x: 32px !important;
  --gf-ctrl-btn-font-size: 18px !important;
  --gf-ctrl-btn-font-weight: 600 !important;
  --gf-ctrl-btn-border-width-primary: 0 !important;
}

/* MENU */
.et_mobile_menu {
    position: fixed !important;
    top: 100px !important;    /* header height */
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 9999 !important;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* Prevent flex shrink on menu items */
.et_mobile_menu > li {
    flex-shrink: 0;
}
/* Scroll buffer so last items are reachable */
.et_mobile_menu {
    padding-bottom: 80px !important;
}

/* OPENED STATE: reveal menu */
.mobile_nav.opened .et_mobile_menu {
    opacity: 1;
    pointer-events: auto;
}

/* CLOSED STATE: keep layout, disable interaction */
.mobile_nav.closed .et_mobile_menu {
    opacity: 0;
    pointer-events: none;
}

/* SAFETY: override Divi display toggle if needed */
.mobile_nav.closed .et_mobile_menu {
    display: block !important;
}