/*
Theme Name: Hashlox
Theme URI: https://frostwp.com/
Description: Custom child theme for Hashlox
Author: Hashlox
Template: frost
Version: 1.0.0
Text Domain: hashlox
*/

/* ---------- HEADER NAV ---------- */

/* Keep the navigation menu centered */

nav.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex {
    margin-inline: auto !important;
}

/* Reduce Gap Between Account & Cart icons */

.wp-container-core-group-is-layout-1bb2849b {
    justify-content: flex-end !important;
    gap: 10px !important;          /* gap control here */
}

/* ---------- SEARCH PANEL ---------- */

/* Let the header row wrap onto a second line */
header .alignwide {
  flex-wrap: wrap;
}

/* Details and its hidden inner wrapper stop being boxes,
   so the icon and the search panel join the header row directly */
header .wp-block-details,
header .wp-block-details::details-content {
  display: contents;
}

/* When details is closed, hide the search panel */
header .wp-block-details:not([open]) .wp-block-search {
  display: none;
}

/* Search panel takes a full row and goes to the end (below everything) */
header .wp-block-details .wp-block-search {
  flex: 0 0 100%;
  order: 1;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}

/* Form takes the full width of the panel */
header .wp-block-search form,
header .wp-block-search .wp-block-search__inside-wrapper {
  width: 100%;
}

/* Input and button in one row */
header .wp-block-search .wp-block-search__inside-wrapper {
  display: flex;
  gap: 10px;
  border-radius: 5px;
}

/* Visible input field */
header .wp-block-search .wp-block-search__input {
  flex: 1;
  padding: 12px 16px;
  border: none;
  background: #fff;
}

/* Button keeps its normal size */
header .wp-block-search .wp-block-search__button {
  margin: 0;
}


/* ---------- MOBILE LOGO ---------- */

@media (max-width: 781px) {

  /* Hide the original full logo picture on mobile */
  header .wp-block-site-logo img {
    display: none;
  }

  /* Show the hash-only SVG in its place */
  header .wp-block-site-logo a {
    display: block;
    width: 1.6em;
    height: 1.6em;
    background: url("https://hashlox.com/wp-content/uploads/2026/10/Icon.svg") no-repeat center / contain;
  }
}


/* ========================================
   Custom Header Icons (Search, Account, Cart)
   ======================================== */

/* Hide original SVGs */
.wc-block-mini-cart__button svg,
.wc-block-customer-account__account-icon svg,
.wp-block-details summary svg {
    display: none !important;
}

/* ---------- SEARCH ICON ---------- */
.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow summary,
header .wp-block-details summary {
    background-image: url("https://hashlox.com/wp-content/uploads/2026/10/Search_Icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.4em !important;
    width: 1.6em !important;
    height: 1.6em !important;
    cursor: pointer;
    display: inline-block !important;
}

/* ---------- ACCOUNT ICON ---------- */
.wc-block-customer-account__account-icon {
    background-image: url("https://hashlox.com/wp-content/uploads/2026/10/Account_Icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.4em !important;
    width: 1.6em !important;
    height: 1.6em !important;
    display: inline-block !important;
}

/* ---------- CART ICON ---------- */
.wc-block-mini-cart__button {
    background-image: url("https://hashlox.com/wp-content/uploads/2026/10/Cart_Icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.4em !important;
    width: 1.6em !important;
    height: 1.6em !important;
}

/* Cart badge */
.wc-block-mini-cart__badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    font-size: 0.7em;
    min-width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
}

/* Soft hover */
/*
.wc-block-mini-cart__button:hover,
.wc-block-customer-account__account-icon:hover,
.wp-block-details summary:hover {
    opacity: 0.75;
    transition: opacity 0.2s ease;
}
*/

/* ---------- MOBILE MENU ICON ---------- */

@media (max-width: 600px) {
nav.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex {
    margin-right:0 !important;
    padding: .5em;
}

}

.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open {
    background-image: url("https://hashlox.com/wp-content/uploads/2026/10/Menu_Icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.4em !important;
    width: 1.6em !important;
    height: 1.6em !important;
    border: none !important;
    padding: 0 !important;
}

/* Default mobile menu SVG hide */
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open svg {
    display: none !important;
}


/* ---------- SLIDER ---------- */

.wp-block-image img {
    max-height: fit-content;
}

.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .swiper-backface-hidden .swiper-slide {
    margin: auto;
    height:auto !important;
}


.swiper-slide {
    height: auto;
    max-height: 100%;
}