/*
 Theme Name:   Beaver Builder Theme Child
 Description:  Beaver Builder Child Theme
 Author:       Cygnet Digital
 Author URI:   http://cygnet.io
 Template:     bb-theme
 Version:      1.0.0
 Text Domain:  fl-automator
*/

@media (max-width: 767px) {
  .diamond-type-selector,
  .diamond-type-buttons,
  .choose-diamond-type-buttons {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 6px !important;
  }
  .diamond-type-selector a,
  .diamond-type-selector button,
  .diamond-type-buttons a,
  .diamond-type-buttons button,
  .choose-diamond-type-buttons a,
  .choose-diamond-type-buttons button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
}

/* Emergency desktop dropdown restore - 2026-10-14 */
@media (min-width: 768px) {
  .drc-desktop-nav .drc-menu > ul > li {
    position: relative;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    min-width: 280px;
    padding: 14px;
    margin: 0;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
  }

  .drc-desktop-nav .drc-menu > ul > li:hover > .sub-menu,
  .drc-desktop-nav .drc-menu > ul > li:focus-within > .sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu > li {
    display: block;
    width: 100%;
    margin: 0;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu > li > a {
    display: grid;
    grid-template-columns: 56px minmax(0,1fr);
    align-items: center;
    column-gap: 12px;
    width: 100%;
    min-height: 64px;
    padding: 8px 12px;
    white-space: normal;
    text-align: left;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu img,
  .drc-desktop-nav .drc-menu > ul > li > .sub-menu picture {
    display: block;
    width: 44px;
    max-width: 44px;
    height: 44px;
    object-fit: contain;
    justify-self: center;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu img[src=""],
  .drc-desktop-nav .drc-menu > ul > li > .sub-menu picture:has(img[src=""]) {
    display: none;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu > li > a:has(img[src=""]) {
    grid-template-columns: 1fr;
    min-height: 46px;
  }

  .drc-desktop-nav .drc-menu > ul > li > .sub-menu {
    width: 380px;
    max-width: min(380px, calc(100vw - 32px));
  }

  .drc-desktop-nav .drc-menu > ul > li:last-child > .sub-menu {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
  }
}