/**
* Theme Name: Clotya Child
* Description: This is a child theme of Clotya, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: clotya
* Version: 1.4.4
*/

/* Set max-width for shop page content wrapper to match header */
.row.content-wrapper.sidebar-left {
  max-width: 1400px !important;
  margin: 0 auto;
}
/* Set max-width for container to match header */
.container {
  max-width: 1400px !important;
  margin: 0 auto;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.site-header .site-nav.primary .menu > .menu-item {
  margin-left: 1.1rem;
}
.column.right {
  width: 242px;
}
body.search-active .search-holder {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

/* Prevent scrollbar flickering when search is active */
body.search-active {
  overflow: auto !important;
  padding-right: 0 !important;
}

/* Change header icons to black when search is active for better contrast */
body.search-active .site-header .header-button i,
body.search-active .site-header .klbth-icon-usert,
body.search-active .site-header .klbth-icon-search,
body.search-active .site-header .klbth-icon-heart,
body.search-active .site-header .klbth-icon-shopping-bag-ft,
body.search-active .site-header .search-button .klbth-icon-search {
  color: #000 !important;
}

/* Change menu text to black when search is active for better contrast */
body.search-active .site-header .menu a,
body.search-active .site-header .menu li a,
body.search-active .site-header #menu-main a,
body.search-active .site-header .menu-item a {
  color: #000 !important;
}
.sidebar-inner {
  z-index: 1;
  position: relative;
}
.search-holder-close.search-item {
  padding: 14px;
}
body.search-active .search-button::before,
body.search-active .search-button:after {
  background-color: rgb(0 0 0);
}

/* Show mobile logo when search is active */
body.search-active .site-header .site-brand img {
  content: url("http://bluoria.local/wp-content/uploads/2025/09/logo.svg");
}
/* Make Lucide X icon outline lighter */
.search-holder-close i[data-lucide="x"],
.offcanvas-close i[data-lucide="x"] {
  stroke-width: 1.5;
  opacity: 0.7;
}

/* Hover effect for better interaction */
.search-holder-close i[data-lucide="x"]:hover,
.offcanvas-close i[data-lucide="x"]:hover {
  opacity: 1;
  stroke-width: 2;
}

/* Authentication Modal Form Styling - Both Login and Register */
.klb-login-form,
.klb-register-form {
  padding: 0;
  margin: 0;
}

.klb-login-form .woocommerce-form-row,
.klb-register-form .woocommerce-form-row {
  margin-bottom: 1rem;
}

.klb-login-form .woocommerce-form-row label,
.klb-register-form .woocommerce-form-row label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
  text-align: left;
}

.klb-login-form .woocommerce-form-row .required,
.klb-register-form .woocommerce-form-row .required {
  color: #07193b;
}

.klb-login-form .woocommerce-Input,
.klb-register-form .woocommerce-Input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

.klb-login-form .woocommerce-Input:focus,
.klb-register-form .woocommerce-Input:focus {
  outline: none;
  border-color: #07193b;
  box-shadow: 0 0 0 2px rgba(7, 25, 59, 0.1);
}

.klb-login-form .form-row,
.klb-register-form .form-row {
  margin-top: 1.5rem;
  text-align: center;
}

.klb-login-form .woocommerce-button,
.klb-register-form .woocommerce-button {
  background-color: #07193b;
  color: white;
  padding: 0.75rem 2rem;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}

.klb-login-form .woocommerce-button:hover,
.klb-register-form .woocommerce-button:hover {
  background-color: #05152a;
}

.klb-login-form .back-to-login,
.klb-register-form .back-to-login {
  margin-top: 1rem;
  text-align: center;
}

.klb-login-form .back-to-login a,
.klb-register-form .back-to-login a {
  color: #228be6;
  text-decoration: none;
  font-weight: 500;
}

.klb-login-form .back-to-login a:hover,
.klb-register-form .back-to-login a:hover {
  text-decoration: underline;
}

.klb-login-form .privacy-text,
.klb-register-form .privacy-text {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #666;
  text-align: center;
  line-height: 1.4;
}

/* Additional styling for login form specific elements */
.klb-login-form .woocommerce-form-login__rememberme {
  margin-bottom: 1rem;
}

.klb-login-form .woocommerce-form-login__rememberme label {
  font-size: 0.9rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.klb-login-form .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: auto;
  margin: 0;
}

/* Error and success message styling for both forms */
.klb-login-form .woocommerce-error,
.klb-login-form .woocommerce-message,
.klb-register-form .woocommerce-error,
.klb-register-form .woocommerce-message {
  margin: 1rem 0;
  padding: 0.75rem;
  border-radius: 4px;
  font-size: 0.9rem;
  line-height: 1.4;
}

.klb-login-form .woocommerce-error,
.klb-register-form .woocommerce-error {
  background-color: #fee;
  border: 1px solid #fcc;
  color: #c33;
}

.klb-login-form .woocommerce-message,
.klb-register-form .woocommerce-message {
  background-color: #efe;
  border: 1px solid #cfc;
  color: #363;
}

/* Loading spinner styling */
.klb-login-form .loader-image,
.klb-register-form .loader-image {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.klb-login-form .loader-image svg,
.klb-register-form .loader-image svg {
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Authentication tab styling */
.back-to-login p {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #adb5bd;
  margin-top: 1.875rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-top: 1px solid #e6e8eb;
}

/* My Account Navigation Icons */
.my-account-navigation .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.my-account-navigation .woocommerce-MyAccount-navigation ul li a .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

.my-account-navigation .woocommerce-MyAccount-navigation ul li a span {
  flex: 1;
}

.my-account-navigation
  .woocommerce-MyAccount-navigation
  ul
  li
  a:hover
  .lucide-icon {
  stroke: #07193b;
}

.my-account-navigation
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a
  .lucide-icon {
  stroke: white;
}

/* Edit Account Form Icons */
.woocommerce-EditAccountForm label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.woocommerce-EditAccountForm label .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

.woocommerce-EditAccountForm fieldset legend {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.woocommerce-EditAccountForm fieldset legend .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

.woocommerce-EditAccountForm .woocommerce-Button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.woocommerce-EditAccountForm .woocommerce-Button .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

/* Authentication Modal Form Icons */
.klb-login-form label,
.klb-register-form label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.klb-login-form label .lucide-icon,
.klb-register-form label .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

.klb-login-form .woocommerce-button,
.klb-register-form .woocommerce-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.klb-login-form .woocommerce-button .lucide-icon,
.klb-register-form .woocommerce-button .lucide-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

/* Mobile Bottom Menu Icons */
.mobile-bottom-menu .lucide-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke-width: 1.5;
}

/* Mobile Bottom Menu Login Button */
.mobile-bottom-menu .login-button {
  cursor: pointer;
}

.mobile-bottom-menu .login-button:hover {
  opacity: 0.8;
}

/* Center authentication modal on mobile */
@media screen and (max-width: 575px) {
  .klb-modal-root.authentication-modal {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media screen and (min-width: 576px) {
  .klb-modal-root.authentication-modal
    .klb-authentication-modal
    .klb-authentication-form {
    padding-left: 2.375rem !important;
    padding-right: 2.375rem !important;
  }
}
span#account_display_name_description em {
  color: #8b8b8b;
  font-size: 12px;
}
form.woocommerce-EditAccountForm legend {
  font-size: 1.125rem;
  font-weight: 600;
}
fieldset {
  margin-top: 5rem !important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  gap: 0 !important;
}
.klb-modal-root.authentication-modal .klb-login-form input {
  margin-right: 6px;
  margin-top: 4px;
}
.my-account-navigation .woocommerce-MyAccount-navigation ul li a:hover {
  background: #f1f1f1;
}
.my-account-wrapper
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  > a:hover {
  background: #143e88;
}
.single-product-wrapper .product-info .single_add_to_cart_button:hover {
  background-color: #0a2048 !important;
  border-color: #0a2048 !important;
}