///////////////////////////////////
// THEME / COMPONENTS / NAV: TOGGLE
///////////////////////////////////


@use "../variables/" as var;
@use "../mixins/" as mixins;


.unl .dcf-nav-toggle-btn {
  appearance: none;
}


@media (prefers-color-scheme: dark) {

  .dcf-idm-status-logged-out a,
  .dcf-idm-status-logged-out a:visited {
    color: var.$cream;
  }

}


@include mixins.mq(md, max, width) {

  .unl .dcf-nav-toggle-group {
    // box-shadow: 0 1px 3px rgba(157, 0, 0, .5), 0 1px 12px rgba(157, 0, 0, .25);
    // display: flex;
    // z-index: var.$z-nav-toggle-group;


    // Browsers which partially support CSS Environment variables (iOS 11.0-11.2)
    @supports (padding-bottom: constant(safe-area-inset-bottom)) {
      --safe-area-inset-bottom: constant(safe-area-inset-bottom);
      padding-bottom: var(--safe-area-inset-bottom);
    }

    // Browsers which fully support CSS Environment variables (iOS 11.2+)
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
      --safe-area-inset-bottom: env(safe-area-inset-bottom);
      padding-bottom: var(--safe-area-inset-bottom);
    }

  }

  .unl .dcf-nav-toggle-group:has(.dcf-nav-toggle-btn[aria-expanded="true"]) {
    border-top: 1px solid rgba(0,0,0,.25);
  }


  .unl .dcf-nav-toggle-btn {
    flex-basis: 25%;
  }


  .unl .dcf-nav .dcf-nav-toggle-btn-menu {
    display: none;
  }


  .headroom {
  	will-change: transform;
  	transition: transform 250ms ease-out !important;
  }


//   .headroom--fixed {
//   	position: -webkit-fixed;
//   	position: fixed;
//   	z-index: 10;
//   	right: 0;
//   	left: 0;
//   	bottom: 0vh;
//   }


  .headroom--pinned {
  	transform: translateY(0%);
  }


  .headroom--unpinned {
  	transform: translateY(100%);
  }

}


@include mixins.mq(md, min, width) {

  .unl .dcf-nav-toggle-group {
    display: none;
  }


  .unl .dcf-nav .dcf-nav-toggle-btn-menu {
    padding: .67rem 0;
  }


//   .unl .dcf-nav-dialog .dcf-nav .dcf-nav-toggle-btn-menu {
//     transform: scaleY(2);
//     transition: transform 2s ease-in-out;
//   }
//
//
//   .unl .dcf-nav-dialog.dcf-modal-open .dcf-nav .dcf-nav-toggle-btn-menu {
//     transform: scaleY(1);
//     transition: transform .05s ease-in-out;
//   }

}