/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.3
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/* Flatsome ürün görsel kutusu sabit */
.product-small .box-image {
    height: 320px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* Link alanı bozulmasın */
.product-small .box-image a {
    display: block !important;
    width: 100%;
    height: 100%;
    position: relative;
}

/* Görsel ortalansın */
.product-small .box-image img,
.product-small .box-image img.attachment-woocommerce_thumbnail,
.product-small .box-image img.wp-post-image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: auto !important;
}

/* Başlık fiyat hizası */
.product-small .box-text {
    min-height: 105px !important;
}.slider-wrapper {
    border-radius: 10px;
    overflow: hidden;
}

.img-inner {
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce img {
    border-radius: 10px;
}

.products .box-image img {
    border-radius: 10px;
}

.product-gallery img {
    border-radius: 10px;
}

.image-fade_in_back,
.image-fade_in_back img {
    border-radius: 7px;
    overflow: hidden;
}

.header-iconboxes {
    background: #f8f8f8;
    padding: 10px 0;
}

.iconbox-slider {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.iconbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
}

.iconbox i {
    color: #000;
    font-size: 16px;
}

/* MOBİL GÖRÜNÜM */
@media (max-width: 768px) {
    .header-iconboxes .iconbox {
        display: none;
    }

    .header-iconboxes .iconbox:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #ffffff;
        padding: 12px 16px;
        margin: 10px auto;
        width: fit-content;
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
        font-size: 14px;
        font-weight: 500;
    }

    .header-iconboxes .iconbox:first-child i {
        font-size: 18px;
        color: #000;
    }
}

/* HEADER SEARCH – TEMİZ & STABİL */
.header-search-form-wrapper {
    max-width: 420px;
}

.header-search-form-wrapper form {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0;
    display: flex;
    align-items: center;
}

.header-search-form-wrapper input[type="search"] {
    border: none;
    background: transparent;
    padding: 12px 14px;
    font-size: 14px;
    width: 100%;
    color: #333;
    box-shadow: none;
}

.header-search-form-wrapper input[type="search"]:focus {
    outline: none;
}

.header-search-form-wrapper button {
    background: transparent;
    border: none;
    padding: 0 14px;
    cursor: pointer;
}

.header-search-form-wrapper button i {
    font-size: 16px;
    color: #666;
}

.header-search-form-wrapper:hover form {
    border-color: #ccc;
}

@media (max-width: 768px) {
    .header-search-form-wrapper {
        max-width: 100%;
    }
}

.header-contact,
.header-contact a,
.header-contact span,
.header-contact i,
.header-contact svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.bnav_main_menu_container ul.bnav_main_menu {
    padding-bottom: 0 !important;
    padding-top: 5px !important;
}