/* ReCAPTCHA badge'i gizler (genellikle kullanıcı doğrulama için kullanılan) */
.grecaptcha-badge { 
    visibility: hidden;
}
    

/* Breadcrumb başlığının rengini beyaz yapar */
.tbay-breadcrumb.breadcrumbs-image .breadscrumb-inner h1 {
    color: #fff; /* Başlık rengini beyaz yapar */
}

/* Breadcrumb liste öğelerinin rengini beyaz yapar */
.tbay-breadcrumb.breadcrumbs-image .breadscrumb-inner .breadcrumb li {
    color: #fff; /* Liste öğesi rengini beyaz yapar */
}

/* Breadcrumb liste öğeleri içindeki bağlantıların rengini beyaz yapar */
.tbay-breadcrumb.breadcrumbs-image .breadscrumb-inner .breadcrumb li a {
    color: #fff; /* Bağlantı rengini beyaz yapar */
}

/* Fiyat hesaplayıcısının kenarlık stilini çift yapar */
#price_calculator {
    border-style: double; /* Kenarlık stilini çift yapar */
}

/* Ürün formundaki tablo kenarlık genişliğini 1px yapar */
.woocommerce div.product form.cart table {
    border-width: 1px; /* Tablo kenarlık genişliğini 1px yapar */
}

/* Form kontrolleri ve giriş kutularının kenarlıklarını 1px yapar */
.form-control, form input, input#ywqa_ask_question_text {
    border: 1px solid; /* Kenarlıkları 1px yapar ve varsayılan renk uygular */
}

/* Fiyat hesaplayıcısındaki giriş kutuları ve span etiketlerinin kenarlıklarını kırmızı yapar ve arka plan rengini bej yapar */
#price_calculator input, #price_calculator span {
    border: 1px solid red; /* Kenarlıkları kırmızı yapar */
    background: beige; /* Arka plan rengini bej yapar */
    padding: 10px; /* İçerik etrafına 10px padding ekler */
}

/* Tablo başlıkları ve hücrelerinin kenarlık özelliklerini ayarlar */
thead, tbody, tfoot, tr, td, th {
    border-color: inherit; /* Kenarlık rengini üst öğeden alır */
    border-style: solid; /* Kenarlık stilini katı yapar */
    border-width: 1px; /* Kenarlık genişliğini 1px yapar */
}

/* Ürün formundaki tablo hücrelerinin sol padding'ini artırır */
.woocommerce div.product form.cart table td {
    padding-left: 30px; /* Hücrelerin sol tarafına 30px padding ekler */
}

/* Ürün bloklarındaki varyasyon tablo hücrelerinin üst padding'ini artırır */
.product-block .variations td {
    padding-top: 20px; /* Hücrelerin üst tarafına 20px padding ekler */
}


.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    padding: .5em !important;
    border: var(--wc-form-border-width) solid var(--wc-form-border-color) !important;
    border-radius: var(--wc-form-border-radius)!important;
    color: var(--wc-form-color-text, #000)!important;
    line-height: normal !important;
}

form.checkout .order-review .shop_table {
    border: #fc4ca5!important;
    border-radius: var(--wc-form-border-radius)!important;
}

#tbay-main-content.mm-slideout {
    z-index: unset;
    padding-top: 50px;
}


_________________________


/* Temel stil tanımlamaları */
.vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-variation-button-select,
.vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
    font-size: 12px; /* Metin boyutu */
    transition: all 0.3s ease; /* Geçiş efekti */
}

/* Varsayılan buton stili */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default {
    color: rgba(33, 33, 33, 1); /* Metin rengi */
    background: pink; /* Arka plan rengi */
    border-radius: 5px; /* Köşe yuvarlaklığı */
    box-shadow: 0 0 0 1px #cccccc inset; /* İç gölge */
    padding: 8px 12px; /* İç boşluk */
    border: none; /* Kenarlık kaldırma */
    cursor: pointer; /* İmleç stilini değiştir */
}

/* Buton hover efekti */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default:hover {
    background: #ff69b4; /* Hover arka plan rengi */
    color: #fff; /* Hover metin rengi */
    box-shadow: 0 0 0 2px #ff69b4 inset; /* Hover gölge */
}

/* Buton aktif (seçili) durumu */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default.vi-wpvs-option-wrap-active {
    background: #ff1493; /* Aktif arka plan rengi */
    color: #fff; /* Aktif metin rengi */
    box-shadow: 0 0 0 2px #ff1493 inset; /* Aktif gölge */
}

/* Responsive tasarım için medya sorguları */
@media (max-width: 768px) {
    .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-variation-button-select,
    .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
        font-size: 10px; /* Mobil cihazlarda metin boyutunu küçült */
        padding: 6px 10px; /* Mobil cihazlarda iç boşluğu azalt */
    }
}

____________________________
/* Temel buton stilleri */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 16px; /* Daha okunaklı font boyutu */
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-weight: 600;
    border-radius: 8px;
    color: #ffffff;
    background-color: #10B981;
    border: none;
    display: inline-flex; /* İçeriği esnek hizalamak için flex */
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    min-width: 160px; /* Butonun içeriğe göre kaymasını önler */
    background-image: linear-gradient(145deg, #10B981, #059669);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    gap: 8px; /* Simge ile metin arasına boşluk bırak */
}

/* Sepet simgesi ekleme */
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input.button::before {
    content: "\e019"; /* WooCommerce ikon kodu */
    font-family: WooCommerce;
    font-weight: 900;
    color: #ffffff;
    font-size: 18px;
    transition: color 0.3s ease;
}

/* Hover efekti */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #059669;
    background-image: linear-gradient(145deg, #059669, #047857);
    color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* Active (tıklanma) efekti */
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Responsive – Küçük ekranlarda daha küçük buton */
@media (max-width: 480px) {
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button {
        font-size: 14px;
        padding: 10px 16px;
        min-width: auto;
        gap: 6px;
    }
    .woocommerce a.button::before,
    .woocommerce button.button::before,
    .woocommerce input.button::before {
        font-size: 16px;
    }
}


__________________________