*{
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

body{
    background-color: #f5f5f5;
}

#toplevel_page_pospress-main .wp-menu-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

#toplevel_page_pospress-main .wp-menu-image img {
    padding: 0;
    border-style: none;
    width: 20px;
    height: 20px;
    opacity: 1;
}

/* Üst Bar Menü */
#wp-admin-bar-pospress_admin_bar > .ab-item {
    display: flex;
    align-items: center;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
}

.pospress-adminbar-item {
    display: flex;
    align-items: center;
}

.pospress-adminbar-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px !important;
}

.pospress-adminbar-title {
    line-height: 1;
}
/**/

.add-payment-form{
    background-color: #f5f5f5;
}

#payment-provider{
    max-width: 100% !important;
    padding: 5px !important;
    font-size: 16px !important;
}

/* Log ikonları ve metin stili */
#logIcons .log-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 0;
    cursor: pointer;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#logIcons .log-item:hover {
    background-color: #f9fafb;
}

#logIcons .log-item .icon {
    font-size: 20px;
    margin-right: 10px;
    color: #6b7280; /* Varsayılan göz ikonu rengi */
}

#logIcons .log-item .text {
    font-size: 18px;
    color: #374151; /* Varsayılan metin rengi */
}

#logIcons .log-item.active .icon {
    color: #2563eb !important; /* Seçili logun göz ikonu rengi */
}

#logIcons .log-item.active .text {
    font-weight: bold !important;
    color: #2563eb !important; /* Seçili logun metin rengi */
}

/* Yol haritası çizgisi */
#logIcons .log-item::after {
    content: '';
    position: absolute;
    left: 11px;
    top: 30px;
    width: 2px;
    height: calc(200% - 30px);
    background-color: #d1d5db; /* Çizgi rengi */
}

#logIcons .log-item:last-child::after {
    display: none; /* Son elemanın altında çizgi olmasın */
}

/* Log detaylarını sınırlamak için */
#logDetails pre {
    max-height: 250px; /* Maksimum yükseklik */
    min-height: 250px; /* Minimum yükseklik */
    overflow-y: auto;  /* Dikey kaydırmayı aktif et */
    overflow-x: auto;  /* Yatay kaydırmayı aktif et */
    word-wrap: break-word; /* Uzun metinleri böl */
    white-space: pre-wrap; /* Satır taşmasını önle */
    background-color: #f9fafb; /* Hafif arka plan */
    padding: 10px; /* İç boşluk */
    border: 1px solid #e5e7eb; /* Çerçeve */
    border-radius: 5px; /* Köşeleri yuvarla */
}

/* Kaydırma çubuğunu inceltme */
#logDetails pre::-webkit-scrollbar {
    width: 6px; /* Dikey kaydırma çubuğu genişliği */
    height: 6px; /* Yatay kaydırma çubuğu yüksekliği */
}

#logDetails pre::-webkit-scrollbar-thumb {
    background: #888; /* Kaydırma çubuğu rengi */
    border-radius: 10px; /* Köşeleri yuvarla */
}

#logDetails pre::-webkit-scrollbar-thumb:hover {
    background: #555; /* Hover durumunda kaydırma çubuğu rengi */
}

#logDetails pre::-webkit-scrollbar-track {
    background: #f1f1f1; /* Kaydırma alanı arka planı */
}

/* Mozilla Firefox için */
#logDetails pre {
    scrollbar-width: thin; /* İnce kaydırma çubuğu */
    scrollbar-color: #888 #f1f1f1; /* Kaydırma çubuğu ve arka plan rengi */
}

.pospress-header-a{
    color: #5c5c5c !important;
}

.header-active-style{
    color: #000000 !important;
    font-weight: 600;
    border-bottom: 2px solid #1826e9;
    padding-bottom: 10px;
}

/* Checkout Düzenlemeleri */

.pospress-checkout-input{
    border: 1px solid #B0C4DE !important;
    border-radius: 4px !important;
    padding: 8px !important;
    outline: none !important;
}

.pospress-checkout-input:focus{
    border-color: #6495ED !important;
    box-shadow: 0 0 5px rgba(100, 149, 237, 0.5) !important;
}

/* Ödeme kuruluşu modalı */

.payment-access-information-input{
    border: 2px solid #B0C4DE !important;
    border-radius: 4px !important;
    padding: 6px !important;
    outline: none !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

.payment-access-information-input:focus{
    border-color: #6495ED !important;
    box-shadow: 0 0 5px rgba(100, 149, 237, 0.5) !important;
}

/* Taksit oranları kısa kod tablosu */

.pospress_installment_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Masaüstü: 4 sütun */
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}

.pospress_installment_card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    text-align: center;
}

.pospress_installment_header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.pospress_installment_content {
    margin-top: 10px;
}

.pospress_installment_item {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    background: #f9f9f9;
    margin-top: 5px;
    border-radius: 6px;
}

.pospress_installment_count {
    font-weight: bold;
    color: #333;
}

.pospress_installment_rate {
    font-weight: bold;
    color: #0073aa;
}

/* Tablet */
@media (max-width: 1024px) {
    .pospress_installment_container {
        grid-template-columns: repeat(3, 1fr); /* 3 sütun */
    }

    .pospress_installment_count, .pospress_installment_rate {
        font-size: 12px;
    }
}

/* Mobil */
@media (max-width: 768px) {
    .pospress_installment_container {
        grid-template-columns: repeat(2, 1fr); /* 2 sütun */
    }
                  
    .pospress_installment_count, .pospress_installment_rate {
        font-size: 12px;
    }
}

/* Küçük mobil */
@media (max-width: 480px) {
    .pospress_installment_container {
        grid-template-columns: repeat(2, 1fr); /* Küçük ekranda da 2 sütun */
    }
                 
    .pospress_installment_count, .pospress_installment_rate {
        font-size: 12px;
    }
}

#pospress-top-bar {
    margin: 0 !important;
}