/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/
/* Ürün boyutları alanı düzenlemesi */
.product-dimensions {
    display: flex;
    gap: 30px; /* Alanlar arasındaki boşluk */
    margin-bottom: 30px; /* Alt boşluk */
    justify-content: space-between; /* Alanları düzgün yerleştir */
    align-items: center; /* Yatayda ortalama */
    flex-wrap: wrap; /* Mobilde alt alta yerleştirilmesini sağlar */
}

/* Etiketler (Kutuların üzerindeki metinler) */
.product-dimensions label {
    font-size: 14px;
    font-weight: 600;
    color: #333; /* Etiket rengi */
    margin-bottom: 5px; /* Etiket ile input arasındaki boşluk */
    display: block; /* Etiketlerin alt alta gelmesini sağlar */
    text-align: center; /* Etiketlerin ortalanması */
}

/* Genişlik ve yükseklik inputları */
.product-dimensions input {
    width: 100%; /* Mobilde inputların tamamını kaplaması için */
    max-width: 120px; /* Maksimum genişlik, daha büyük ekranlarda 120px olacak */
    padding: 10px 15px;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s ease;
    background-color: #f9f9f9;
    text-align: center; /* Yazının ortalanması */
}

/* Focus durumunda input stili */
.product-dimensions input:focus {
    border-color: #0073e6;
    background-color: #fff;
    outline: none;
}

/* Sayı inputlarındaki artı/eksi oklarını gizleme */
.product-dimensions input[type="number"]::-webkit-outer-spin-button,
.product-dimensions input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-dimensions input[type="number"] {
    -moz-appearance: textfield;
}

/* Mobil uyumluluk için media query */
@media (max-width: 768px) {
    .product-dimensions {
        gap: 15px; /* Küçük ekranlarda alanlar arasındaki boşluğu kısalt */
    }

    /* Genişlik ve yükseklik inputlarının genişliği mobilde tam olarak 100% */
    .product-dimensions input {
        max-width: 100%;
    }
}

.show-password-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.show-password-input::before {
  content: '👁️'; /* Göz ikonu */
  font-size: 18px;
  transition: transform 0.2s ease;
}

.show-password-input:hover {
  background-color: #f0f0f0;
}

.show-password-input:hover::before {
  transform: scale(1.2);
}