/*
Theme Name: Konte Child Theme
Template: konte
*/

/* ================================
   GENEL – Mesajlar
   ================================ */

.woocommerce-message {
    background-color: #000 !important;
    color: #fff !important;
    border-left-color: #000 !important;
}

/* ==========================================
   HESABIM GENEL LAYOUT (Header + Navigation)
   ========================================== */

.text-center {
	text-align: center;
}


/* Sekmeleri üstte hizala */
.woocommerce div.product .woocommerce-tabs {
    margin-top: 50px;
}

/* Sekmeler UL sıfırlama */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    border: none !important;
    padding: 0;
}

/* Her sekmeyi butona çevir */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    list-style: none !important;
    margin: 0;
    border: 2px solid #d1d1d1 !important;
    border-radius: 0px;
    padding: 0 !important;
    background: #fff !important;
    transition: 0.25s ease;
}

/* Sekme metni */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 14px 28px;
    font-weight: 600;
    font-size: 15px;
    color: #444 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

/* Hover */
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
    border-color: #000 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #000 !important;
}

/* Aktif */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #000 !important;
    border-color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}

/* Alt çizgi animasyonunu tamamen devre dışı bırak */
.woocommerce-tabs .tabs::before,
.woocommerce-tabs .tabs li::before,
.woocommerce-tabs .tabs li::after {
    display: none !important;
}

.ingobio-free-shipping-bar {
    padding: 10px 14px;
    margin: 0 0 60px;
    border-radius: 0px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 14px;
    text-align: center;
    line-height: 0.1;
		gap: 12px;
}

.ingobio-free-shipping-bar.is-reached {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #14532d;
}
.ingobio-free-shipping-bar strong {
    font-weight: 700;
}

/* Mini Cart genişliğini cart layout ile hizala */
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Mini cart içerik kutusunu da hizala */
.widget_shopping_cart_content {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mini-cart içi butonlar blok genişliğini bozmasın */
.woocommerce-mini-cart__buttons a {
    width: 100%;
    box-sizing: border-box;
}

/*
Theme Name: Konte Child Theme
Template: konte
*/

/* ================================
   GENEL – Mesajlar
   ================================ */

.woocommerce-message {
    background-color: #000 !important;
    color: #fff !important;
    border-left-color: #000 !important;
}

/* ==========================================
   HESABIM GENEL LAYOUT (Header + Navigation)
   ========================================== */

/* Woo varsayılan title’ı gizle */
.woocommerce-account .entry-title {
    display: none !important;
}

/* Üst profil kartı */
.ingobio-account-header {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 40px;
    padding: 32px 28px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ingobio-account-header h2 {
    font-size: 38px;
    font-weight: 600;
    margin: 0;
}

.ingobio-account-header .hello {
    font-size: 14px;
    color: #6f6f6f;
}

/* Sol navigation kartları */
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin: 0 auto 32px;
    max-width: 900px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 22px 20px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.05);
    font-size: 14px;
    letter-spacing: 0.04em;
    font-weight: 500;
    text-decoration: none;
    color: #111;
    transition: all .2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #111111;
    color: #fff !important;
    transform: translateY(-3px);
}

/* İçerik kartı */
.woocommerce-account .woocommerce-MyAccount-content {
    max-width: 900px;
    margin: 0 auto 60px;
    background: #fff;
    padding: 32px 30px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* Navigasyon altındaki çizgileri kaldır */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation li {
    border: none !important;
}

/* Mobil */
@media (max-width: 768px) {
    .ingobio-account-header {
        padding: 24px 20px;
        margin: 16px auto 24px;
        border-radius: 18px;
    }
    .ingobio-account-header h2 {
        font-size: 28px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        margin: 0 16px 40px;
        padding: 22px 18px;
        border-radius: 18px;
    }
}

/* ==========================================
   HESABIM > ADRESLER KART TASARIMI
   ========================================== */

.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
    margin-top: 24px;
}

.woocommerce-account .woocommerce-Address {
    border-radius: 18px;
    border: 1px solid #f0f0f0;
    padding: 28px 26px 24px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woocommerce-account .woocommerce-Address h2,
.woocommerce-account .woocommerce-Address h3 {
    font-size: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 14px;
}

.woocommerce-account .woocommerce-Address address {
    font-style: normal;
    line-height: 1.7;
    font-size: 14px;
    color: #333;
    margin-bottom: 24px;
}

/* Adres kartı butonları – radius yok */
.woocommerce-account .woocommerce-Address .button,
.woocommerce-account .woocommerce-Address a.button {
    display: inline-block;
    padding: 10px 18px;
    font-size: 12px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0;
    border: none;
    background: #111;
    color: #fff;
}

.woocommerce-account .woocommerce-Address .button:hover,
.woocommerce-account .woocommerce-Address a.button:hover {
    background: #222;
    color: #fff;
}

@media (max-width: 600px) {
    .woocommerce-account .woocommerce-Address {
        padding: 22px 18px 20px;
    }
}

/* ==========================================
   HESABIM > SİPARİŞLER (orders.php kartları)
   ========================================== */

.ingo-myorders {
    max-width: 960px;
    margin: 0 auto 40px;
}

.ingo-myorders-title {
    font-size: 32px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 18px;
}

.ingo-myorders-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ingo-myorder-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid #ececec;
    background: #fafafa;
    align-items: center;
}

.ingo-myorder-thumb img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.ingo-myorder-number {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
}

.ingo-myorder-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
}

.ingo-myorder-row-middle {
    color: #777;
    margin-top: 2px;
}

.ingo-myorder-total {
    font-size: 16px;
    font-weight: 600;
}

.ingo-myorder-status-pill {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    border: 1px solid #ddd;
}

/* Durum renkleri */
.ingo-status-processing,
.ingo-status-on-hold {
    border-color: #ffb347;
    color: #b97300;
}
.ingo-status-completed {
    border-color: #61c77a;
    color: #2c7a3d;
}
.ingo-status-pending,
.ingo-status-failed,
.ingo-status-cancelled {
    border-color: #f26a6a;
    color: #b10000;
}

/* Aksiyonlar */
.ingo-myorder-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ingo-myorder-actions .button {
    border-radius: 0;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 8px 14px;
}

/* Mobil */
@media (max-width: 768px) {
    .ingo-myorder-card {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }
    .ingo-myorder-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* =========================================================
 * SİPARİŞ DETAYI (view-order.php) – PREMIUM LAYOUT
 * ======================================================= */

.ingo-order-layout {
    max-width: 1120px;
    margin: 30px auto 60px;
    padding: 0 16px;
}

/* ÜST BAR */

.ingo-order-topbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 20px;
    padding: 16px 20px;
    margin-bottom: 28px;
    background: #fafafa;
    border-radius: 22px;
}

.ingo-order-topbar-block {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ingo-order-topbar-label {
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #9c9c9c;
}

.ingo-order-topbar-value {
    font-size: 14px;
    color: #111;
}

.ingo-order-topbar-block--total .ingo-order-topbar-value {
    font-weight: 600;
}

/* Durum etiketi */
.ingo-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #ddd;
    color: #555;
}
.ingo-status-pill--processing { border-color:#ffb347; color:#b97300; }
.ingo-status-pill--completed  { border-color:#61c77a; color:#2c7a3d; }
.ingo-status-pill--cancelled,
.ingo-status-pill--failed     { border-color:#f26a6a; color:#b10000; }

/* ANA GRID: Sol (sipariş özeti) / Sağ (adres + kargo) */

.ingo-order-main {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
    gap: 28px;
    margin-bottom: 40px;
}

/* Genel kart */
.ingo-card {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(0,0,0,.04);
    padding: 22px 24px 24px;
}

.ingo-card-title {
    margin: 0 0 14px;
    font-size: 13px;
    letter-spacing: .20em;
    text-transform: uppercase;
    color: #111;
}

/* ÜRÜN TABLOSU */

.ingo-order-items {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.ingo-order-items thead th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #a0a0a0;
    padding: 0 0 6px;
    border-bottom: 1px solid #f0f0f0;
}

.ingo-order-items tbody td {
    padding: 12px 0;
    border-bottom: 1px solid #f7f7f7;
    vertical-align: top;
}

.ingo-order-items tfoot th,
.ingo-order-items tfoot td {
    padding-top: 6px;
    font-size: 13px;
}

/* Son satır (Toplam) biraz kalın olsun */
.ingo-order-items tfoot tr:last-child th,
.ingo-order-items tfoot tr:last-child td {
    font-weight: 600;
}

/* Kolon hizalamaları */
/* ÜRÜN: sola */
.ingo-order-items th.ingo-order-items-col-product,
.ingo-order-items td.ingo-order-items-product {
    text-align: left;
}

/* ADET: daha dar, ortalı */
.ingo-order-items th.ingo-order-items-col-qty,
.ingo-order-items td.ingo-order-items-qty {
    width: 60px;
    text-align: center;
    padding-right: 6px;
}

/* TUTAR: sağa hizalı, sabit genişlik */
.ingo-order-items th.ingo-order-items-col-total,
.ingo-order-items td.ingo-order-items-total {
    width: 60px;
    text-align: rigt;
    white-space: nowrap;
}
/* ADET kolonunu TUTAR’a yaklaştır – kolon genişliklerini yeniden tanımla */
.ingo-order-items {
    table-layout: fixed; /* genişliği kontrol edebilmek için */
}

/* ÜRÜN solda geniş, ADET dar, TUTAR geniş */
.ingo-order-items-col-product {
    width: 55%;          /* ürün kolonu */
    text-align: left;
}

.ingo-order-items-col-qty,
.ingo-order-items-qty {
    width: 5%;
    text-align: center;   /* sağa dayalı adet */
    padding-right: 8px;  /* TUTAR’a yaklaşsın */
}

.ingo-order-items-col-total,
.ingo-order-items-total {
    width: 40%;
    text-align: left;   /* en sağda fiyat */
}



/* Ürün içi */

.ingo-order-items-product-inner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ingo-order-items-thumb img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 14px;
    background: #fff;
}

.ingo-order-items-name a {
    color: #111;
    text-decoration: none;
}
.ingo-order-items-name a:hover {
    text-decoration: underline;
}

.ingo-order-items-meta {
    font-size: 11px;
    color: #999;
    margin-top: 2px;
}
/* Adres kartı (sağ taraf) */

.ingo-order-address-block + .ingo-order-address-block {
    margin-top: 24px;
}

.ingo-order-address-text {
    font-size: 13px;
    line-height: 1.7;
}

/* Sipariş aksiyon butonları */

.ingo-order-actions {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.ingo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #111;
    background: #111;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.ingo-btn:hover {
    background: #fff;
    color: #111;
}

.ingo-btn-secondary {
    background: #fff;
    color: #111;
}
.ingo-btn-secondary:hover {
    background: #111;
    color: #fff;
}

/* KARGO + E-FATURA grid (sağ tarafta üstte kargo, altta e-fatura gibi kullanılabilir) */

.ingo-extra-order-info {
    margin-top: 18px;
}

.ingo-extra-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
}

.ingo-extra-card {
    background: #fafafa;
    border-radius: 18px;
    padding: 16px 18px;
}

.ingo-extra-card h4 {
    font-size: 13px;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.ingo-extra-text {
    font-size: 13px;
    color: #555;
    margin: 0 0 10px;
}

.ingo-extra-label {
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #999;
    display: block;
    margin-bottom: 3px;
}

.ingo-extra-code {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .10em;
}

/* Kargo takip butonu – köşesiz */
.ingo-extra-card .ingo-btn {
    margin-top: 8px;
    width: 100%;
    justify-content: center;
}

/* IBAN / Hesap adı kopyalama – sipariş özeti altı */

.ingo-order-bankcopy {
    margin-top: 16px;
}

.ingo-order-bankcopy .wc-copy-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 4px;
}

.ingo-order-bankcopy .wc-copy-buttons .button {
    border-radius: 0;
    background: #111;
    border: 1px solid #111;
    color: #fff;
    padding: 9px 16px;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

.ingo-order-bankcopy .wc-copy-buttons .button:hover {
    background: #fff;
    color: #111;
}

@media (max-width: 900px) {
    .ingo-order-topbar {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .ingo-order-main {
        grid-template-columns: minmax(0,1fr);
    }
    .ingo-extra-grid {
        grid-template-columns: minmax(0,1fr);
    }
    .ingo-order-bankcopy .wc-copy-buttons {
        justify-content: flex-start;
    }
}

/* =========================================================
 * HEPSIJET – KARGO HAREKETLERİ MODALI
 * ======================================================= */

.ingo-tracking-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}

.ingo-tracking-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.34);
    backdrop-filter: blur(3px);
}

.ingo-tracking-dialog {
    position: relative;
    max-width: 600px;
    margin: 40px auto;
    background: #fff;
    border-radius: 28px;
    padding: 26px 30px 30px;
    box-shadow: 0 24px 80px rgba(0,0,0,.22);
}

.ingo-tracking-title {
    margin: 0 0 14px;
    font-size: 20px;
    letter-spacing: .24em;
    text-transform: uppercase;
}

/* Kapatma butonu – temanınkini kullanıyorsan sadece konum */
.ingo-tracking-close {
    position: absolute;
    top: 18px;
    right: 22px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* Üst durum kutusu */
.ingo-tracking-status-box {
    border-radius: 0px;
    padding: 7px 14px;
    border: 1px solid #e2e2e2;
    font-size: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin: 0 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Renkler */
.ingo-tracking-status--accepted  { border-color:#f6c450; color:#b38300; }
.ingo-tracking-status--out       { border-color:#ff9b4a; color:#b55a07; }
.ingo-tracking-status--delivered { border-color:#53c282; color:#1f7a46; }
.ingo-tracking-status--generic   { border-color:#e2e2e2; color:#777; }

/* Takip kodu alanı */
.ingo-tracking-code-display {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 12px;
}

.ingo-tracking-code-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #777;
}

.ingo-tracking-code-value {
    padding: 6px 16px;
    border: 1px solid #111;
    border-radius: 0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

/* Yükleniyor / hata */
.ingo-tracking-loading {
    font-size: 13px;
    color: #777;
    margin: 8px 0 10px;
}
.ingo-tracking-error {
    font-size: 13px;
    color: #c0392b;
    margin: 8px 0 10px;
}

/* Timeline (ACCEPTED > OUT_FOR_DELIVERY > DELIVERED) */

.ingo-tracking-timeline-wrapper {
    margin-top: 8px;
}

.ingo-tracking-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ingo-track-step {
    display: grid;
    grid-template-columns: 20px 1px minmax(0, 1fr);
    column-gap: 14px;
    padding: 10px 0;
    position: relative;
}

.ingo-track-icon {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #d0d0d0;
    background: #fff;
    margin-top: 4px;
    box-sizing: border-box;
}

.ingo-track-line {
    width: 1px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,.20) 50%, rgba(0,0,0,0) 0%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    margin-top: 4px;
    margin-bottom: -4px;
}

/* Son adım çizgiyi bitir */
.ingo-track-step:last-child .ingo-track-line {
    background-image: none;
}

/* Durum renkleri */
.ingo-track-step--accepted  .ingo-track-icon { border-color:#f6c450; }
.ingo-track-step--out       .ingo-track-icon { border-color:#ff9b4a; }
.ingo-track-step--delivered .ingo-track-icon { border-color:#53c282; }

.ingo-track-content {
    font-size: 13px;
}

.ingo-track-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.ingo-track-meta {
    font-size: 12px;
    color: #777;
}

/* Mobil modal */
@media (max-width: 768px) {
    .ingo-tracking-dialog {
        margin: 32px 12px;
        padding: 22px 18px 24px;
        border-radius: 22px;
    }
    .ingo-tracking-title {
        font-size: 18px;
        letter-spacing: .18em;
    }
    .ingo-tracking-code-display {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
 * ORDER-PAY SAYFASI (payment link ile ödeme)
 * ======================================================= */

.woocommerce-order-pay .woocommerce {
    max-width: 1024px;
    margin: 0 auto 60px;
}

/* Sipariş özeti tablosu */
.woocommerce-order-pay .shop_table.woocommerce-checkout-review-order-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fafafa;
    font-size: 14px;
}

.woocommerce-order-pay .shop_table.woocommerce-checkout-review-order-table thead th {
    background: #f3f3f3;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #999;
}

.woocommerce-order-pay .shop_table.woocommerce-checkout-review-order-table th,
.woocommerce-order-pay .shop_table.woocommerce-checkout-review-order-table td {
    padding: 10px 18px;
}

.woocommerce-order-pay #payment {
    margin-top: 22px;
    border-radius: 18px;
    border: 1px solid #eee;
    background: #fafafa;
    padding: 18px 20px 22px;
}

/* Place order butonu – küçük, köşesiz */
.woocommerce-order-pay #place_order {
    width: auto !important;
    min-width: 160px !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    border-radius: 0 !important;
}

/* ==========================================
   Kargo Hareketlerini Görüntüle – buton boyu
   ========================================== */

/* Tüm ingo butonların line-height'ını normale çek */
.ingo-btn {
    line-height: 1.2 !important;
    min-height: 0 !important;
}

/* Kargo hareketleri butonu: E-Fatura butonu ile aynı kalınlıkta olsun */
.ingo-btn.ingo-btn-tracking {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 12px 24px !important;   /* yükseklik buradan geliyor */
    width: 100% !important;          /* kart içinde full width */
    height: auto !important;
    min-height: 0 !important;

    border-radius: 0 !important;
}

/* === 28.11 – Kargo Modal son düzenler === */

/* Başlık ve durum etiketini aynı satıra al */
.ingo-tracking-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.ingo-tracking-title {
    margin: 0;
}

/* Durum “butonu” – köşesiz, içi dolu renk */
.ingo-tracking-status-box {
    margin: 0;
    padding: 8px 18px;
    border-radius: 0;                /* radius KALDIR */
    font-size: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
    border: 1px solid #e2e2e2;
    text-align: center;
}

/* Renkler – içi dolu */
.ingo-tracking-status--accepted {
    border-color: #ffc857;
    background: #fff6dd;
    color: #b57a00;
}
.ingo-tracking-status--out {
    border-color: #ff8a42;
    background: #ffe7d4;
    color: #c45a10;
}
.ingo-tracking-status--delivered {
    border-color: #5bc37c;
    background: #e4f8ec;
    color: #2f7a43;
}
.ingo-tracking-status--generic {
    border-color: #e2e2e2;
    background: #f7f7f7;
    color: #777;
}

/* Takip kodu satırı – her ekranda yan yana kalsın */
.ingo-tracking-code-display,
.ingo-tracking-code,
.ingo-tracking-code-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap; /* dar ekranda çok taşarsa alt satıra kod inebilir ama yine satır içinde kalır */
}

.ingo-tracking-code-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #777;
}

/* Kod kutusu aynı kalsın, sadece emin olalım */
.ingo-tracking-code-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px;
    border-radius: 0;
    border: 1px solid #111;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
}

/* Mobilde de yan yana devam etsin */
@media (max-width: 480px) {
    .ingo-tracking-header {
        align-items: flex-start;
        flex-direction: column; /* küçük ekranda istersen alt alta gelsin, istemezsen bunu sil */
    }

    .ingo-tracking-status-box {
        align-self: flex-start;
    }

    .ingo-tracking-code-display,
    .ingo-tracking-code,
    .ingo-tracking-code-row {
        flex-wrap: nowrap;
    }
}

/* ============================
   28.11 – Kargo Modal Final Fix
   Konte Child ile %0 çakışma
=============================== */

/* Modal içi kapsayıcı */
#ingo-tracking-modal .ingo-tracking-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

#ingo-tracking-modal .ingo-tracking-title {
    margin: 0;
}

/* Durum etiketi (buton gibi) */
#ingo-tracking-modal .ingo-tracking-status-box {
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    background: #f7f7f7;
    color: #555;
}

/* Status renkleri */
#ingo-tracking-modal .ingo-tracking-status--accepted {
    background: #fff6d7;
    border-color: #ffcf5c;
    color: #a67600;
}
#ingo-tracking-modal .ingo-tracking-status--out {
    background: #ffe6d8;
    border-color: #ff9657;
    color: #c04f10;
}
#ingo-tracking-modal .ingo-tracking-status--delivered {
    background: #e2f7e9;
    border-color: #57c37a;
    color: #2b7a44;
}

/* Takip kodu satırı */
#ingo-tracking-modal .ingo-tracking-code-display {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#ingo-tracking-modal .ingo-tracking-code-label {
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #666;
}

#ingo-tracking-modal .ingo-tracking-code-value {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border: 1px solid #111;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* Mobil optimize */
@media (max-width: 480px) {
    #ingo-tracking-modal .ingo-tracking-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    #ingo-tracking-modal .ingo-tracking-code-display {
        flex-wrap: nowrap;
    }
}

/* ===========================
   My Account – Mobil düzen (temiz)
   =========================== */
@media (max-width: 768px) {

  /* Woo wrapper hizalaması */
  .woocommerce-account .woocommerce {
    display: block !important;
  }

  /* Üst “Hesabım” kartı */
  .ingobio-account-header {
    max-width: 100%;
    margin: 16px 16px 20px !important;   /* yanlardan 16px, üst/alt az */
    padding: 24px 20px !important;
    border-radius: 18px;
  }

  .ingobio-account-header h2 {
    font-size: 28px;
  }

  /* NAV CONTAINER – yan padding yok, sadece dikey margin */
  .woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 100%;
    margin: 0 auto 210px !important;   /* ortala, altına 16px boşluk */
    padding: 0 !important;
    border: none !important;
    overflow: visible !important;
  }

  /* UL – asıl 16px’lik boşluğu buradan veriyoruz */
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    gap: 10px;

    list-style: none;
    padding: 0 !important;
    margin: 0 16px !important;       /* BUTONLARIN gerçek yan boşluğu */

    white-space: normal !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Menü item’leri: 2 sütun */
  .woocommerce-account .woocommerce-MyAccount-navigation li {
    flex: 1 1 calc(50% - 10px) !important;
    margin: 0 !important;
    border: none !important;
  }

/* Hover – kart büyür */
  .woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 28px rgba(0,0,0,0.12);
  }
  
  /* Aktif menü – siyah kart */
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
      background: #111111;
      color: #fff !important;
      transform: translateY(-4px);
  }
  
  /* Kart ikon efekti */
  .woocommerce-account .woocommerce-MyAccount-navigation li a::after {
      content: "🔘";
      float: right;
      opacity: 0.3;
      transition: 0.2s;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation li a:hover::after {
      opacity: 1;
      transform: translateX(4px);
  }
  
  /* İçerik alanı */
  .woocommerce-account .woocommerce-MyAccount-content {
      max-width: 900px;
      margin: 0 auto 80px;
      background: #fff;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  }
  
  /* Mobil düzen */
  @media(max-width: 600px) {
      .ingobio-account-header {
          padding: 28px 22px;
      }
      .ingobio-account-header h2 {
          font-size: 30px;
      }
      .woocommerce-account .woocommerce-MyAccount-navigation ul {
          grid-template-columns: 1fr;
      }
  }
  /* İçerik kartı – butonlarla aynı hizaya gelsin */
  .woocommerce-account .woocommerce-MyAccount-content {
    max-width: 100% !important;
    margin: 0 16px 40px !important;   /* YANLAR 16px: butonlarla hizalı */
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }
}

/* Çok küçük ekranlar: tek sütun menü */
@media (max-width: 360px) {
  .woocommerce-account .woocommerce-MyAccount-navigation li {
    flex: 1 1 100% !important;
  }
}

/* ============================
   INGOBIO - SİPARİŞ LİSTESİ KART TASARIMI
   ============================ */

/* Kart genel kutusu */
.woocommerce-account .woocommerce-orders-table__row {
    position: relative;
    border-radius: 22px;
    background: #fff;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Ürün küçük resmi */
.woocommerce-account .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-number img {
    width: 72px !important;
    height: auto !important;
    border-radius: 12px;
}

/* Sağ üstte DURUM BADGE */
.woocommerce-account .woocommerce-orders-table__cell-order-status {
    position: absolute;
    right: 24px;
    top: 24px;
    font-weight: 600;
    font-size: 15px;
}

/* Durum renkleri */
.woocommerce-orders-table__cell-order-status:contains("Tamamlandı"),
.woocommerce-orders-table__cell-order-status.completed {
    color: #2a7f40 !important;
}

.woocommerce-orders-table__cell-order-status:contains("Beklemede"),
.woocommerce-orders-table__cell-order-status.pending {
    color: #c48a2d !important;
}

/* Alt satırdaki ürün sayısı */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

/* GÖRÜNTÜLE butonu */
.woocommerce-button.view {
    background: #000;
    color: #fff !important;
    padding: 12px 24px !important;
    font-size: 14px;
    border-radius: 0 !important;
    margin-top: 12px;
    text-align: center;
}

/* Sağ alttaki PİL ikonu */
.woocommerce-orders-table__row::after {
    content: "⦿";
    position: absolute;
    right: 22px;
    bottom: 22px;
    opacity: 0.35;
    font-size: 18px;
    transition: 0.2s;
}

.woocommerce-orders-table__row:hover::after {
    opacity: 1;
    transform: translateX(3px);
}

/* Hover – kart büyür */
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Aktif menü – siyah kart */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #111111;
    color: #fff !important;
    transform: translateY(-4px);
}

/* Kart ikon efekti */
.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
    content: "🔘";
    float: right;
    opacity: 0.3;
    transition: 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover::after {
    opacity: 1;
    transform: translateX(4px);
}

/* İçerik alanı */
.woocommerce-account .woocommerce-MyAccount-content {
    max-width: 900px;
    margin: 0 auto 80px;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* Mobil düzeltme */
@media (max-width: 600px) {
    .woocommerce-orders-table__row {
        padding: 20px;
    }
    .woocommerce-orders-table__row::after {
        display: none; /* Mobilde pil ikonunu gizle (istersen kaldırırım) */
    }
}

/* === DESKTOP (bunu daha önce sevmiştin, dokunmuyoruz) === */
@media (min-width: 769px) {
  .mega-menu-main .menu-item.menu-item-has-icon > a {
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal !important;

    max-width: 200px;
    min-height: 38px;
    margin: 6px auto 0;
    font-size: 13px;
    line-height: 1.3;
  }

  .mega-menu-main .menu-item.menu-item-has-icon > a .menu-item-icon {
    display: block !important;
    margin: 0 auto 10px auto !important;
  }
}

/* === MOBİL: ikon sabit boy, yazı sağda; hepsi aynı görünsün === */
@media (max-width: 768px) {

  /* Satırı yatay hizala (ikon + yazı) */
  .konte-mobile-menu .menu-item-has-icon > a,
  .mega-menu-main .menu-item-has-icon > a {
    display: flex !important;
    align-items: center;
    text-align: left !important;
  }

  /* İkon kutusunu sabitle (tüm ürünlerde aynı boy) */
  .konte-mobile-menu .menu-item-has-icon > a .menu-item-icon,
  .mega-menu-main .menu-item-has-icon > a .menu-item-icon {
    flex: 0 0 90px;
    width: 90px !important;
    height: 90px !important;
    margin-right: 16px;
  }

  /* Görseli kutuya oturt (bozulmadan) */
  .konte-mobile-menu .menu-item-has-icon > a .menu-item-icon img,
  .mega-menu-main .menu-item-has-icon > a .menu-item-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
  }

  /* Yazı alanı, ne kadar uzarsa uzasın sağda aksın */
  .konte-mobile-menu .menu-item-has-icon > a span:not(.menu-item-icon),
  .mega-menu-main .menu-item-has-icon > a span:not(.menu-item-icon) {
    flex: 1 1 auto;
    display: block;
    white-space: normal;
    font-size: 14px;
    line-height: 1.3;
  }
}

/* === MOBİL: ikon sabit, yazı sağda === */
@media (max-width: 768px) {

  /* Menüdeki tüm ikonlu maddeleri hedefle */
  .menu-item-has-icon > a {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
  }

  /* İkon sabit kutu */
  .menu-item-has-icon .menu-item-icon {
    width: 90px !important;
    height: 90px !important;
    flex: 0 0 90px !important;
    margin-right: 14px !important;
  }

  .menu-item-has-icon .menu-item-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Yazı sağda düzgün hizalansın */
  .menu-item-has-icon > a span:not(.menu-item-icon) {
    flex: 1 1 auto !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    display: block !important;
  }
}

/* === Ingobio – Besin Tablosu & Ürün Açıklama === */

.ingobio-nutri {
  --nutri-border: #e5e7eb;
  --nutri-head-bg: #f7f7f8;
  --nutri-row-alt: #fcfcfd;
  --nutri-text: #111827;
  font-size: 14px;
  line-height: 1.5;
  color: var(--nutri-text);
  max-width: 760px;
  margin: 0 auto 28px;
}

.ingobio-nutri h3 {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ingobio-nutri table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--nutri-border);
  background: #fff;
}

.ingobio-nutri thead th {
  background: var(--nutri-head-bg);
  padding: 11px 10px;
  font-weight: 600;
  border-bottom: 1px solid var(--nutri-border);
  font-size: 13px;
}

.ingobio-nutri thead th:first-child {
  text-align: left;
}
.ingobio-nutri thead th:nth-child(2),
.ingobio-nutri thead th:nth-child(3) {
  text-align: right;
  white-space: nowrap;
}

.ingobio-nutri tbody tr:nth-child(odd) {
  background: #fff;
}
.ingobio-nutri tbody tr:nth-child(even) {
  background: var(--nutri-row-alt);
}

.ingobio-nutri td {
  padding: 9px 10px;
  border-bottom: 1px solid var(--nutri-border);
  font-size: 13px;
}

.ingobio-nutri td:first-child {
  text-align: left;
}
.ingobio-nutri td:nth-child(2),
.ingobio-nutri td:nth-child(3) {
  text-align: right;
}

/* Kafein satırı varsa özel highlight (şu üründe yok ama genel template için) */
.ingobio-nutri tr.is-caffeine td {
  background: #fff7ed;
  font-weight: 600;
}

/* Footer satırı */
.ingobio-nutri tfoot td {
  padding: 11px 12px;
  border-top: 1px solid var(--nutri-border);
  background: #fafafa;
  font-size: 12px;
  text-align: left;
}

/* Açıklama gövdesi */
.ingo-desc {
  max-width: 760px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.7;
  color: #111827;
}

.ingo-desc h2 {
  font-size: 20px;
  margin: 0 0 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ingo-desc h3 {
  font-size: 17px;
  margin: 22px 0 10px;
  font-weight: 700;
}

.ingo-desc p {
  margin: 0 0 14px;
}

.ingo-desc hr {
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  margin: 22px 0;
}

.ingo-desc ul {
  margin: 0 0 16px;
  padding-left: 18px;
}

.ingo-desc li {
  margin-bottom: 6px;
}

/* Mobil ufak dokunuş */
@media (max-width: 600px) {
  .ingobio-nutri,
  .ingo-desc {
    padding: 0 8px;
  }

  .ingobio-nutri h3 {
    font-size: 15px;
  }

  .ingo-desc h2 {
    font-size: 18px;
  }

  .ingo-desc h3 {
    font-size: 16px;
  }
}

/* Kart satırı: tüm kolonları eşit yükseklikte tut */
.elektro-feature-row .wpb_column {
  display: flex;
}

/* Kart kutusu */
.elektro-feature {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);
  padding: 32px 36px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Başlık kısmı: ikon + metin aynı hizada */
.elektro-feature-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.elektro-feature-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

/* Emoji ikonlar aynı optik çizgide dursun */
.elektro-icon {
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px; /* çok hafif aşağı indirir, hizayı düzeltir */
}

.elektro-feature p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}