/* =========================================================
   HOME ONLY
   Front-page specific blocks / homepage mobile behavior
   ========================================================= */

/* ---------------------------------------------------------
   Front-page toggle block
   --------------------------------------------------------- */

#block-gp4-dxpr-subtheme-togglemenublock {
  background: none;
  border: none;
  padding: 0;
}

/* Front page hello block */
#block-gp4-dxpr-subtheme-views-block-hello-block-1 {
  font-size: 11pt;
}

/* ---------------------------------------------------------
   Hide selected homepage blocks on mobile
   --------------------------------------------------------- */

@media (max-width: 768px) {
  #block-dxpr-theme-analogclock,
  #block-dxpr-theme-views-block-novosyoly-block-1,
  #block-dxpr-theme-menyuadmina,
  #block-dxpr-theme-views-block-blok-kto-na-sayte-who-s-online-block,
  #block-dxpr-theme-views-block-hello-block-1,
  #block-dxpr-theme-birthdayblock--2,
  #block-dxpr-theme-views-block-blok-kto-na-sayte-who-s-online-block--2 {
    display: none !important;
  }

  body.path-frontpage .block-birthday-block {
    display: none !important;
  }
}

/* ---------------------------------------------------------
   Hide mobile-only author block on desktop
   --------------------------------------------------------- */

@media (min-width: 768px) {
  #block-dxpr-theme-menyuavtoramobilnoe,
  #gb3f5zb0mi {
    display: none !important;
  }
}

/* ---------------------------------------------------------
   Hide sidebars on mobile homepage only
   --------------------------------------------------------- */

@media (max-width: 768px) {
  body.path-frontpage .region-sidebar-first,
  body.path-frontpage .region-sidebar-second {
    display: none;
  }
}

/* ---------------------------------------------------------
   Front-page custom toggle content only
   Button styling is now handled globally.
   --------------------------------------------------------- */

body.path-frontpage .custom-toggle-wrapper,
body.path-frontpage .custom-toggle-wrapper:focus-within,
body.path-frontpage .custom-toggle-content,
body.path-frontpage .custom-toggle-content:focus-within {
  outline: 0;
  box-shadow: none;
}

/* Keep custom toggle dropdown compact on homepage */
body.path-frontpage .custom-toggle-content,
body.path-frontpage .custom-toggle-content .nav-link,
body.path-frontpage .custom-toggle-content .navbar-nav .nav-link {
  font-size: 12px;
}

/* Layout */
body.path-frontpage .custom-toggle-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
}

body.path-frontpage .custom-toggle-content > ul,
body.path-frontpage .custom-toggle-content .custom-mobile-extra-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Front-page custom toggle hover for dropdown links */
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:hover,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:focus,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:active {
  background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%) !important;
  color: var(--accent-red) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

/* Remove underline in custom toggle block */
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:hover,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:focus,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:active {
  text-decoration: none;
  border-bottom: none;
  box-shadow: none;
}

body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link::after,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:hover::after,
body.path-frontpage .custom-toggle-wrapper .custom-toggle-content .nav-link:focus::after {
  border-bottom: none;
  box-shadow: none;
}

/* ---------------------------------------------------------
   Front-page mobile menu stacking
   --------------------------------------------------------- */

@media (max-width: 1200px) {
  body.path-frontpage .custom-toggle-button {
    position: relative;
    z-index: 1;
  }

  html.html--dxpr-theme-nav-mobile--open body.path-frontpage .custom-toggle-button {
    z-index: 0;
  }

  html.html--dxpr-theme-nav-mobile--open body.path-frontpage #dxpr-theme-main-menu {
    z-index: 10;
  }
}

/* ---------------------------------------------------------
   Front-page mobile login toggle
   --------------------------------------------------------- */

@media (max-width: 768px) {
  body.path-frontpage .mobile-login-toggle-host {
    margin: 10px 0;
    padding: 0 10px;
  }

  body.path-frontpage .mobile-login-toggle-button,
  body.path-frontpage .mobile-login-toggle-button:hover,
  body.path-frontpage .mobile-login-toggle-button:focus,
  body.path-frontpage .mobile-login-toggle-button:active {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    font-size: 0.8rem;
    border: none;
    outline: none;
    box-shadow: none;
    background-image: none;
    cursor: pointer;
  }
}

body.path-frontpage .mobile-login-toggle-button:focus-visible {
  outline: none;
  box-shadow: none;
}