/* Product Variant Mobile Fix - Production */
/* Tum urun sayfalarindaki varyant secici alanlari icin mobil responsive duzeltme */

/* Ana varyant secici alani */
.form-control-select,
select.form-control-select,
#group_59,
.product-variants select,
.product-variants .form-control-select {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* Varyant secici container */
.product-variants,
.product-variants .form-group,
.product-variants .form-control {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}

/* Varyant secici label */
.product-variants label,
.product-variants .form-group label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* Varyant secici options */
.form-control-select option,
select.form-control-select option,
#group_59 option {
    font-size: 14px !important;
    padding: 8px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

/* Mobil cihazlar icin ozel duzenlemeler */
@media (max-width: 768px) {
    .form-control-select,
    select.form-control-select,
    #group_59,
    .product-variants select,
    .product-variants .form-control-select {
        font-size: 16px !important; /* iOS zoom onleme */
        min-height: 44px !important; /* Touch-friendly boyut */
        padding: 12px 16px !important;
        margin-bottom: 15px !important;
    }
    
    .product-variants label,
    .product-variants .form-group label {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .form-control-select option,
    select.form-control-select option,
    #group_59 option {
        font-size: 16px !important;
        padding: 12px !important;
    }
}

/* Cok kucuk ekranlar icin */
@media (max-width: 480px) {
    .form-control-select,
    select.form-control-select,
    #group_59,
    .product-variants select,
    .product-variants .form-control-select {
        font-size: 16px !important;
        min-height: 48px !important;
        padding: 14px 18px !important;
    }
}

/* Focus durumu */
.form-control-select:focus,
select.form-control-select:focus,
#group_59:focus,
.product-variants select:focus,
.product-variants .form-control-select:focus {
    outline: none !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

/* Hover durumu */
.form-control-select:hover,
select.form-control-select:hover,
#group_59:hover,
.product-variants select:hover,
.product-variants .form-control-select:hover {
    border-color: #007bff !important;
}

/* Disabled durumu */
.form-control-select:disabled,
select.form-control-select:disabled,
#group_59:disabled,
.product-variants select:disabled,
.product-variants .form-control-select:disabled {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}

/* ZEOX, Shimano, Golden Catch, JM Gangster, NIKKO ve diger tum urunler icin */
.product-page .form-control-select,
.product-page select.form-control-select,
.product-page #group_59,
.product-page .product-variants select,
.product-page .product-variants .form-control-select {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* PrestaShop 8.2.0 uyumlulugu */
.product-variants .form-control-select,
.product-variants select,
.product-variants #group_59 {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}