/*
Theme Name: Kapee Child
Theme URI: https://kapee.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Kapee
Version: 1.0.0
Author URI: https://www.presslayouts.com/
Template: kapee
Text Domain: kapee-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/*.products div.product .product-wrapper {
border: 1px solid #2a5435;
	BACKGROUND-COLOR:#f7f7f7;
    margin: 10px 5px;
}*/

/* Lastik Arama Formu - Tam Genişlik ve Geniş Resim */
.tire-finder-container {
    background-color: #EEEEEE;
    padding: 15px 20px;
    border-radius: 8px;
    margin: 20px 0;
    box-sizing: border-box;
    width: 100%; /* Alanın tamamını kullan */
}

.tire-grid-form {
    display: grid;
    /* Dropdownlar standart, Buton dar, Resim en geniş (1.5 pay) */
    grid-template-columns: 1fr 1fr 1fr 0.8fr 1.5fr; 
    gap: 15px;
    align-items: flex-end;
}

.tire-grid-form .field-group {
    display: flex;
    flex-direction: column;
}

.tire-grid-form label {
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
}

.tire-grid-form select, 
.tire-grid-form button {
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

.tire-grid-form select {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 8px;
}

.tire-grid-form button {
    background-color: #218746;
    color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

/* Rehber Resmi - Genişletilmiş */
.tire-guide-img {
    height: 75px;
    width: 100%; /* Sütun genişliğine yayıl */
    display: block;
    border-radius: 4px;
    object-fit: contain; /* Resmi bozmadan sığdır */
    object-position: right; /* Sağa yasla */
}

/* Mobil Uyumluluk */
@media (max-width: 900px) {
    .tire-grid-form {
        grid-template-columns: 1fr 1fr;
    }
    .img-col {
        grid-column: span 2;
    }
    .tire-guide-img {
        object-position: center;
    }
}


/* Windshield Search Form */
.ws-finder-container {
    background-color: #EEEEEE;
    padding: 15px 20px;
    border-radius: 8px;
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
}

.ws-grid-form {
    display: grid;
    /* 5 Eşit sütun: 4 Dropdown + 1 Buton */
    grid-template-columns: repeat(5, 1fr); 
    gap: 12px;
    align-items: flex-end;
}

.ws-field-group {
    display: flex;
    flex-direction: column;
}

.ws-field-group label {
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 13px;
    color: #333;
}

.ws-field-group select, 
.ws-field-group button {
    height: 38px;
    border-radius: 4px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.ws-field-group select {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 5px;
}

.ws-field-group button {
    background-color: #218746;
    color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

/* Mobil */
@media (max-width: 768px) {
    .ws-grid-form { grid-template-columns: 1fr 1fr; }
}


/* Kapee breadcrumb / page title alanını kısalt */
.page-title,
.page-title-inner,
.page-header,
.kapee-page-title {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* İçindeki başlık */
.page-title h1,
.page-title-inner h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb,
.breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
}


/* Kapee Mini-Cart Renk Sabitleme */
body .kapee-free-shipping-bar .progress-bar,
body .kapee-free-shipping-bar .progress-bar-inner,
body .shipping-bar-fill,
body .progress-bar > span,
body .side-cart-shipping-bar-wrapper .shipping-bar-fill {
    background-color: #edba0b !important;
    background-image: none !important; /* Varsa gradyanı siler */
}

/* Çubuk üzerindeki yüzde yazısının rengi */
body .kapee-free-shipping-bar .progress-bar span {
    color: #fff !important;
}