/*!
Theme Name: Jasevičiaus Baldai
Author: Rocket Science
Author URI: https://rocketscience.lt
Description: Tema skirta Jasevičiaus Baldai
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jb
*/

.woocommerce-message {
  outline: none;
  margin-top: 10px;
  margin-bottom: 5px;
}

.woocommerce-cart {
  .woocommerce-message a {
    border: unset !important;
    &:hover {
      border-bottom: 1px solid !important;
      background: transparent !important;
      color: #000 !important;
    }
  }

  .wc-empty-cart-message {
    margin-top: 20px;
  }

  .woocommerce-info::before {
    color: #888884;
  }
}

.woocommerce-info {
  border-color: #888884;
}

a.button.wc-backward {
  background: transparent;
  border: 1px solid;
  font-weight: 500;
  color: #000;
}

/* Style Contact Form 7 radio buttons */
.wpcf7 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px !important;
  border: 1px solid #000 !important;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  transition: all 0.2s ease;
  background: #fff;
}

.wpcf7 input[type="radio"]:hover {
  border-color: #999;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.wpcf7 input[type="radio"]:focus {
  outline: none;
  border-color: #666;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.wpcf7 input[type="radio"]:checked {
  border-color: #333;
  background: #fff;
}

.wpcf7 input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease;
}

.wpcf7 .wpcf7-list-item {
  margin: 0 0 8px 0;
}

.wpcf7 .wpcf7-list-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

/* Navigation Links Styling */
.navigation a:hover,
.primary-menu a:hover,
nav a:hover,
.menu a:hover {
  color: #666 !important;
}

.navigation .sub-menu a,
.primary-menu .sub-menu a,
.menu .sub-menu a,
.dropdown-menu a {
  &:hover {
    font-weight: 600 !important;
  }
}

.navigation .sub-menu a:hover,
.primary-menu .sub-menu a:hover,
.menu .sub-menu a:hover,
.dropdown-menu a:hover {
  color: #333 !important;
  font-weight: 600 !important;
}

.navigation .current-menu-item > a,
.primary-menu .current-menu-item > a,
.menu .current-menu-item > a,
.navigation .current_page_item > a,
.primary-menu .current_page_item > a,
.menu .current_page_item > a,
.current_page_ancestor > a {
  color: #333 !important;
  font-weight: 600 !important;
}

.navigation .sub-menu .current-menu-item > a,
.primary-menu .sub-menu .current-menu-item > a,
.menu .sub-menu .current-menu-item > a {
  color: #333 !important;
  font-weight: 700 !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  background-color: #000;
  color: #fff;

  &:hover {
    filter: invert(1);
  }
}

#header {
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

#header.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.95) !important;
  width: 100% !important;
}

#page-logo {
  transition: padding 0.3s ease-in-out;
}

#page-logo img {
  transition: height 0.3s ease-in-out;
}

#header.sticky-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Header search toggle */
#search-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

#search-toggle svg {
  flex-shrink: 0;
}

/* Search Dropdown Styling */
#search-dropdown {
  min-width: 320px;
  max-width: 400px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
}

#search-dropdown form {
  padding: 16px;
}

#search-dropdown input[type="text"] {
  width: 100%;
  padding: 12px 40px 12px 16px;
  font-size: 16px;
  border: 2px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  transition: all 0.2s ease;
  outline: none;
}

#search-dropdown input[type="text"]:focus {
  border-color: #3b82f6;
  background: white;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

#search-dropdown input[type="text"]::placeholder {
  color: #9ca3af;
  font-size: 14px;
}

#search-dropdown button[type="submit"] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #6b7280;
  transition: color 0.2s ease;
  background: none;
  border: none;
  cursor: pointer;
}

#search-dropdown button[type="submit"]:hover {
  color: #374151;
}

#search-dropdown button[type="submit"] svg {
  width: 100%;
  height: 100%;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
  #search-dropdown {
    min-width: 300px;
    max-width: 350px;
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  #search-dropdown {
    min-width: 280px;
    max-width: 320px;
    right: -10px;
  }

.jb-inquiry-page .flex.justify-center.gap-8 {
 flex-direction:column;
}

  #search-dropdown form {
    padding: 12px;
  }

  #search-dropdown input[type="text"] {
    padding: 10px 36px 10px 14px;
    font-size: 16px;
  }

  #search-dropdown button[type="submit"] {
    right: 10px;
    width: 18px;
    height: 18px;
  }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
  #search-dropdown {
    min-width: 260px;
    max-width: 90vw;
    right: -20px;
  }

  #search-dropdown form {
    padding: 10px;
  }

  #search-dropdown input[type="text"] {
    padding: 8px 32px 8px 12px;
    font-size: 16px;
  }

  #search-dropdown input[type="text"]::placeholder {
    font-size: 13px;
  }

  #search-dropdown button[type="submit"] {
    right: 8px;
    width: 16px;
    height: 16px;
  }
}

/* Mobile full width (500px and below) */
@media (max-width: 500px) {
  #search-dropdown {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 84px;
    z-index: 9999;
  }

  #search-dropdown form {
    padding: 16px 20px;
  }

  #search-dropdown input[type="text"] {
    padding: 14px 40px 14px 16px;
    font-size: 16px;
    border-radius: 8px;
  }

  #search-dropdown button[type="submit"] {
    right: 16px;
    width: 20px;
    height: 20px;
  }
}

/* Extra small screens */
@media (max-width: 360px) {
  #search-dropdown {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    position: fixed;
    top: 84px;
    z-index: 9999;
  }
}

.nav-item:hover > .sub-menu {
  margin-top: -5px;
  z-index: 999;
}

#header {
  position: relative;
  z-index: 99;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  div.product
  span.price {
  color: #000;
}

body.overflow-hidden #header {
    z-index: -1!important;
}