/* Ürün Detay Butonları - Düzeltilmiş ve İyileştirilmiş Tasarım */

/* Ana formu yan yana hizalamak için flex yapısı */
form#urun_detay_sepete_ekle_form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Tablo yapısının gereksiz boşluklarını kaldır */
form#urun_detay_sepete_ekle_form .urun_secenekleri,
form#urun_detay_sepete_ekle_form .urun_secenekleri table {
    margin: 0 !important;
    padding: 0 !important;
}

/* Miktar Seçici Grubu */
form#urun_detay_sepete_ekle_form .miktar-group {
    display: flex !important;
    align-items: center !important;
}

form#urun_detay_sepete_ekle_form .miktar-group .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    padding: 0 !important;
    background-color: rgba(1, 153, 216, .1);
}

form#urun_detay_sepete_ekle_form .miktar-group .btn:hover {
    background-color: rgba(1, 153, 216, .2) !important;
}

form#urun_detay_sepete_ekle_form .miktar-group .btn[disabled] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}


form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri {
    width: 55px !important;
    height: 48px !important;
    text-align: center !important;
    border: 1px solid #ced4da !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri::-webkit-outer-spin-button,
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
form#urun_detay_sepete_ekle_form #urun_miktar_secenekleri:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
}


/* Butonların olduğu ana taşıyıcı */
form#urun_detay_sepete_ekle_form .urun_sepete_ekle {
    display: flex !important;
    flex-grow: 1 !important;
    gap: 10px !important;
}

#sepete_ekle_buton:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 5px rgba(13, 110, 253, 0.2) !important;
}

/* Favorilere Ekle Butonu */
a.favori-ekle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    transition: all 0.2s ease !important;
    box-shadow: 2px 2px 0 #dc3545 !important;
}


a.favori-ekle svg {
    width: 22px !important;
    height: 22px !important;
    fill: #727272 !important;
    transition: all 0.2s ease !important;
}

a.favori-ekle:hover {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 0 #dc3545 !important;
}

a.favori-ekle:hover svg {
    fill: #dc3545 !important;
    transform: scale(1.1) !important;
}

/* Eklenen tasarımlar */
#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li.active a{
    border: none !important;
}

#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li.active a span{
    color: #444444;
}

/* Ürün Açıklama sekmeleri */
.urun_detay_tablar_ul > li > a {
    color: #444 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
    position: relative;
    z-index: 10; /* a elementini en öne çıkarır */
    background: transparent !important;
    display: inline-block; /* Padding ve hover efektleri için */
}

/* Hover Efekti */
.urun_detay_tablar_ul > li:hover > a {
    color: #000 !important;
}

/* Ortak Pseudo-Element Stilleri */
.urun_detay_tablar_ul > li > a::before,
.urun_detay_tablar_ul > li > a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
}

/* ::after ile Alt Çizgi Efekti */
.urun_detay_tablar_ul > li > a::after {
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    z-index: -1; /* Alt çizgiyi arka plana alır */
}

.urun_detay_tablar_ul > li:hover > a::after,
.urun_detay_tablar_ul > li.active > a::after{
    width: 40px;
}

/* ::before ile Arka Plan Efekti */
.urun_detay_tablar_ul > li > a::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1; /* ::before'u a'nın arkasına alır */
}

.urun_detay_tablar_ul > li:hover > a::before,
.urun_detay_tablar_ul > li.active > a::before{
    height: 100%;
}

.urun_detay_tablar_ul > li:nth-child(1) > a::before { background-color: rgba(131, 122, 183, 0.2); } /* Mor */
.urun_detay_tablar_ul > li:nth-child(1) > a::after { background-color: #837ab7; } /* Mor */
.urun_detay_tablar_ul > li:nth-child(2) > a::before { background-color: rgba(247, 200, 109, 0.2); } /* Sarı */
.urun_detay_tablar_ul > li:nth-child(2) > a::after { background-color: #f7c86d; } /* Sarı */
.urun_detay_tablar_ul > li:nth-child(3) > a::before { background-color: rgba(91, 178, 179, 0.2); } /* Turkuaz */
.urun_detay_tablar_ul > li:nth-child(3) > a::after { background-color: #5bb2b3; } /* Turkuaz */
.urun_detay_tablar_ul > li:nth-child(4) > a::before { background-color: rgba(229, 107, 111, 0.2); } /* Pembe */
.urun_detay_tablar_ul > li:nth-child(4) > a::after { background-color: #e56b6f; } /* Pembe */

#PM_urun_detayi .icerik .urun_detay_tablar .urun_detay_tablar_ul li a{
    border: none !important;
}

.urun_detay_tablar_ul > li:not(:last-child){
    margin-right: 10px;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_secenekleri table tr td.baslik, #PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_secenekleri tbody tr td.baslik{
    display: none !important;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta form .urun_sepete_ekle #sepete_ekle_buton::before {
    padding: 12px !important;
    color: #555555 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

#sepete_ekle_buton{
    background-color: transparent !important;
    overflow: hidden;
    position: relative;
}

#sepete_ekle_buton::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-in-out;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: -1; /* ::before'u a'nın arkasına alır */
}

.urun_detay_orta > a{
    color: #0199d8;
    font-weight: bold;
    transition: .3s;
}
.urun_detay_orta > a:hover{
    color: #016fd8;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta .urun_ikonlar div{
    color: #727272;
    border-color: #ced4da;
    box-shadow: 2px 2px 0 #00a9e0;
    transition: 300ms ease;
    cursor: pointer;
}

#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_orta .urun_ikonlar div:hover{
    box-shadow: 0px 0px 0 #00a9e0;
    transition: 300ms ease;
}