/* ==========================================================
   GURME BOT — style.css (TAM SÜRÜM - SCROLL FIX - V3.0)
   ========================================================== */

/* ----------------------------------------------------------
   1. BÖLÜM: ORİJİNAL EKLENTİ STİLLERİ
   ---------------------------------------------------------- */

.gb-main-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    line-height: 1.5;
    padding: 20px;
}

a { text-decoration: none; color: inherit; }

/* --- MAVİ BANNER --- */
.gb-banner {
    background-color: #005bee;
    color: white;
    padding: 40px 35px;
    border-radius: 8px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: relative;
    display: block;
    width: 100%;
}

.gb-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0 0 10px 0;
    color: white !important;
}

.gb-subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    color: rgba(255,255,255,0.9);
    margin: 0 0 35px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.gb-portion-label { font-weight: 700; color: #fff; }

.gb-summary-grid { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 20px; 
}

.gb-sum-card {
    flex: 1; 
    min-width: 150px;
    background: rgba(255,255,255, 0.1);
    border: 1px solid rgba(255,255,255,0.3); 
    border-radius: 6px;
    padding: 20px; 
    color: white;
    box-sizing: border-box;
}

.gb-card-lbl { display: block; font-size: 0.8rem; margin-bottom: 5px; opacity: 0.9; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
.gb-card-val { font-size: 1.8rem; font-weight: 700; line-height: 1; }
.gb-card-val small { display: block; font-size: 0.9rem; font-weight: 400; margin-top: 5px; opacity: 0.8; }
.gb-sym { font-size: 1rem; font-weight: 500; opacity: 0.8; margin-left: 2px; }

/* --- BEYAZ İÇERİK KUTULARI --- */
.gb-content-card {
    background: #fff; 
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    margin-bottom: 40px; 
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.gb-card-head {
    padding: 20px 30px;
    border-bottom: 1px solid #e1e4e8;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.gb-heading-xs {
    font-size: 1.25rem; 
    font-weight: 700; 
    margin: 0; 
    color: #24292e;
}

/* GRAFİKLER */
.gb-charts-row {
    display: flex; align-items: center; justify-content: center;
    gap: 60px; padding: 40px 30px; border-bottom: 1px solid #eee; flex-wrap: wrap;
}
.gb-chart-wrap { text-align: center; }
.gb-chart-wrap small { display: block; margin-bottom: 15px; color: #666; font-weight: 600; font-size: 0.85rem; text-transform: uppercase; }
.gb-canvas-box { position: relative; height: 180px; width: 180px; margin: 0 auto; }

.gb-legend-wrap { min-width: 140px; }
.gb-legend-list { list-style: none; padding: 0; margin: 0; }
.gb-legend-list li { display: flex; align-items: center; margin-bottom: 8px; font-size: 0.9rem; color: #444; }
.gb-legend-list li::before {
    content: ''; display: inline-block; width: 10px; height: 10px;
    background-color: var(--c); margin-right: 10px; border-radius: 50%;
}

.gb-chart-footer { display: flex; justify-content: flex-end; gap: 30px; padding: 20px 30px; background: #fff; border-bottom: 1px solid #eee; font-size: 0.95rem; color: #555; }
.gb-footer-item { display: flex; align-items: baseline; gap: 5px; }
.gb-footer-val b { color: #1a1a1a; font-weight: 700; }

/* TABLOLAR (Genel) */
.gb-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; margin: 0; }
.gb-table th {
    background-color: #005bee;
    color: white; text-align: left;
    padding: 12px 20px; font-weight: 600; 
    border-bottom: none;
    font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px;
    white-space: nowrap;
}
.gb-table th.text-right { text-align: right; }
.gb-table td {
    padding: 12px 20px; 
    border-bottom: 1px solid #eee;
    color: #24292e; vertical-align: middle;
    white-space: nowrap;
}
.gb-table tr:last-child td { border-bottom: none; }
.gb-table a { color: #005bee; font-weight: 500; text-decoration: none; }
.gb-table a:hover { text-decoration: underline; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.w-source { width: 90px; text-align: center; }

.gb-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #e1e4e8;
}

/* --- RDA SEÇİCİ --- */
.gb-rda-wrapper { display: flex; align-items: center; gap: 10px; }
.gb-rda-label { font-size: 0.85rem; color: #586069; font-weight: 500; }
.gb-rda-select {
    padding: 6px 30px 6px 12px; border: 1px solid #d1d5da; border-radius: 6px;
    background-color: #fff; color: #24292e; font-size: 0.9rem; cursor: pointer;
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat; background-position: right 10px center; background-size: 10px;
}

/* --- BUTONLAR --- */
.src-btn {
    display: inline-block; padding: 3px 8px; border: 1px solid #ccc;
    border-radius: 4px; font-size: 0.75rem; color: #666;
    background: #fdfdfd; font-family: monospace; cursor: pointer;
}
.src-btn:hover { background: #eee; border-color: #999; color: #000; }

.val-btn {
    background: transparent !important; border: none !important; padding: 0 !important;
    margin: 0 !important; font-family: inherit; font-size: 1rem; color: inherit;
    text-align: right; cursor: default !important; text-decoration: none !important;
    pointer-events: auto;
}
.val-btn b { font-weight: 700; color: #24292e; }
.sym { color: #6a737d; font-size: 0.9rem; margin-left: 3px; font-weight: 400; }

/* --- POPOVER --- */
.gb-popover {
    position: absolute; width: 320px; background: #fff;
    border: 1px solid #bbb; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    border-radius: 6px; padding: 0; z-index: 999999; display: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-align: left; color: #333; line-height: 1.5;
}
.gb-popover.active { display: block; animation: fadeIn 0.15s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.gb-popover-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 15px; background: #f9f9f9; border-bottom: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
}
.gb-popover-title { font-weight: 700; font-size: 0.95rem; color: #000; margin: 0; }
.gb-popover-close { background: none; border: none; font-size: 1.3rem; line-height: 1; color: #999; cursor: pointer; padding: 0 0 0 10px; }
.gb-popover-content { padding: 15px; font-size: 0.9rem; color: #444; word-wrap: break-word; }
.gb-popover-arrow {
    position: absolute; top: -6px; left: 20px; width: 12px; height: 12px;
    background: #f9f9f9; border-left: 1px solid #bbb; border-top: 1px solid #bbb;
    transform: rotate(45deg);
}

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
    .gb-main-wrapper { padding: 0 !important; width: 100% !important; overflow-x: hidden; }
    .gb-banner { border-radius: 0 !important; padding: 25px 15px !important; margin-bottom: 20px; }
    .gb-title { font-size: 1.75rem; }
    .gb-summary-grid { flex-direction: column; gap: 10px; }
    .gb-sum-card { width: 100%; min-width: auto; }
    .gb-content-card { border-radius: 0 !important; border-left: none !important; border-right: none !important; margin-bottom: 20px !important; box-shadow: none !important; border-top: 1px solid #e1e4e8; border-bottom: 1px solid #e1e4e8; }
    .gb-card-head { flex-direction: column; align-items: flex-start; padding: 20px 15px !important; gap: 15px; background: #f8f9fa; }
    .gb-rda-wrapper { width: 100%; flex-direction: column; align-items: flex-start; gap: 8px; }
    .gb-rda-select { width: 100% !important; height: 45px; font-size: 16px; }
    .gb-table-responsive { width: 100%; display: block; border-top: 1px solid #e1e4e8; border-left: 0; border-right: 0; border-bottom: 0; margin-bottom: 0; }
    .gb-table { margin: 0; border: none; }
    .gb-charts-row { flex-direction: column; padding: 20px 15px; gap: 30px; }
    .gb-chart-footer { flex-direction: column; align-items: flex-start; padding: 15px; gap: 10px; }
}

.gb-content-card h4, .gb-content-card p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.gb-banner { display: block; width: 100%; box-shadow: 0 0 0 100vmax #005bee; clip-path: inset(0 -100vmax); position: relative; }


/* ----------------------------------------------------------
   2. BÖLÜM: KARŞILAŞTIRMA MODALI (GARANTİLİ SCROLL + MARKA RENGİ)
   ---------------------------------------------------------- */

/* 1. ALT BAR (Sepet Gibi) */
.gb-compare-bar {
    position: fixed; bottom: -150px; left: 0; width: 100%;
    background-color: #1f2937; color: #fff; padding: 15px 0;
    z-index: 99999; box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
    transition: bottom 0.3s ease;
}
.gb-compare-bar.active { bottom: 0; }

.gb-bar-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 20px;
    display: flex; justify-content: space-between; align-items: center;
}

.gb-bar-count {
    background: #005bee; color: #fff; padding: 4px 12px;
    border-radius: 99px; font-weight: 700; margin-right: 10px;
}

.gb-bar-actions { display: flex; gap: 10px; }

.gb-bar-btn-primary {
    background-color: #005bee; color: white; border: none; 
    padding: 10px 24px; border-radius: 6px; cursor: pointer; font-weight: 600;
}
.gb-bar-btn-primary:hover { background-color: #0046b8; }

.gb-bar-btn-secondary {
    background: transparent; color: #d1d5db; border: 1px solid #4b5563;
    padding: 10px 18px; border-radius: 6px; cursor: pointer;
}

/* 2. BUTONLAR */
.gb-compare-trigger-btn {
    display: inline-flex; align-items: center; padding: 8px 16px;
    font-size: 14px; font-weight: 600; color: #005bee; background-color: #eff6ff;
    border: 1px solid #bfdbfe; border-radius: 6px; cursor: pointer; transition: all 0.2s;
}
.gb-compare-trigger-btn:hover { background-color: #dbeafe; }
.gb-compare-trigger-btn.added { background-color: #ecfdf5; color: #059669; border-color: #a7f3d0; pointer-events: none; }

/* 3. MODAL (TAM ORTALI & SCROLL) */
.gb-compare-modal {
    display: none; position: fixed; z-index: 100000; left: 0; top: 0;
    width: 100%; height: 100%; background-color: rgba(0,0,0,0.85);
    align-items: center; justify-content: center;
}
.gb-compare-modal.active { display: flex; }

.gb-compare-modal-content {
    background-color: #fff; width: 95%; max-width: 1400px;
    height: 90vh; /* Yükseklik %90 */
    border-radius: 8px; display: flex; flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    overflow: hidden; position: relative;
}

.gb-compare-header {
    background-color: #005bee; color: #fff; padding: 15px 20px;
    display: flex; justify-content: space-between; align-items: center;
    flex-shrink: 0; height: 60px;
}
.gb-compare-header h2 { margin: 0; font-size: 1.2rem; color: #fff; font-weight: 700; }
.gb-compare-close-btn { font-size: 2rem; background: none; border: none; color: #fff; cursor: pointer; line-height: 1; opacity: 0.8; }
.gb-compare-close-btn:hover { opacity: 1; }

.gb-excel-btn {
    background: rgba(255,255,255,0.2); color: white; 
    border: 1px solid rgba(255,255,255,0.4); padding: 6px 12px; 
    border-radius: 4px; cursor: pointer; margin-left: 15px; font-size: 0.85rem;
}

/* 4. SCROLL ALANI (BU KISIMDA ABSOLUTE KULLANILARAK TAŞMA SAĞLANDI) */
.gb-compare-body {
    flex-grow: 1; 
    position: relative; 
    background: #fff;
    overflow: hidden;
}

.gb-compare-table-wrapper {
    position: absolute; /* Kutuya çivili */
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: auto; /* Scroll burada devreye girer */
    -webkit-overflow-scrolling: touch;
}

/* TABLO YAPISI */
table.gb-compare-table {
    width: auto; 
    min-width: max-content; /* İçerik ne kadar uzunsa tablo o kadar genişler */
    border-collapse: separate; border-spacing: 0;
    font-size: 0.9rem; margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

table.gb-compare-table th, table.gb-compare-table td {
    padding: 12px 15px; 
    border-bottom: 1px solid #ddd; 
    border-right: 1px solid #eee;
    text-align: center; white-space: nowrap; 
    background: #fff; vertical-align: middle; color: #333;
}

/* YAPIŞKAN (STICKY) SÜTUNLAR */
table.gb-compare-table thead th {
    position: sticky; top: 0; z-index: 40;
    background: #fdfdfd; border-bottom: 2px solid #005bee; padding-bottom: 15px;
}
table.gb-compare-table .gb-comp-label-col {
    position: sticky; left: 0; z-index: 30;
    background: #f9f9f9; text-align: left; font-weight: 600; color: #000;
    border-right: 2px solid #ddd; min-width: 220px;
}
table.gb-compare-table thead th.gb-comp-label-col { z-index: 50; background: #f9f9f9; }

tr.gb-comp-section-header th {
    background: #e6f0ff; color: #005bee; text-align: left;
    padding: 10px 20px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
    position: sticky; left: 0; z-index: 35;
}

table.gb-compare-table tbody tr:nth-child(even) td:not(.gb-comp-label-col) { background-color: #fafafa; }
table.gb-compare-table tbody tr:hover td { background-color: #f0f7ff; }

.gb-comp-food-link { display: block; font-weight: 700; color: #005bee; margin-bottom: 5px; white-space: normal; min-width: 150px; text-decoration: none; }
.gb-comp-food-link:hover { text-decoration: underline; }
.gb-comp-remove-btn { color: #cc0000; background: none; border: 1px solid #ffcccc; border-radius: 3px; font-size: 0.75rem; cursor: pointer; padding: 2px 8px; }
.gb-unit { color: #999; font-size: 0.75rem; margin-left: 2px; }

/* =========================
   KATEGORİ LİSTELEME & ARAMA (KESİN ÇÖZÜM)
   ========================= */

/* Arama Kutusu Kapsayıcı */
.gb-search-wrapper {
    margin: 0 auto 30px auto;
    max-width: 600px;
    position: relative; /* İkon buna göre hizalanacak */
}

/* Fiziksel İkon (SVG) Konumu */
.gb-search-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%); /* Dikeyde tam ortala */
    width: 24px;
    height: 24px;
    pointer-events: none; /* Tıklanmasın, arkadaki inputa geçsin */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Input Alanı */
.gb-cat-search-input {
    width: 100%;
    height: 55px; /* Yükseklik */
    padding: 0 20px 0 60px !important; /* Soldan 60px boşluk bırak (ikon için) */
    border: 2px solid #e1e4e8;
    border-radius: 50px;
    font-size: 1.1rem;
    color: #1a1a1a;
    background-color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    /* Background image iptal edildi, fiziksel ikon kullanıyoruz */
    background-image: none !important; 
}

.gb-cat-search-input:focus {
    border-color: #005bee;
    box-shadow: 0 4px 15px rgba(0, 91, 238, 0.15);
    outline: none;
}

/* Tablo Kapsayıcı */
.gb-cat-table-wrapper {
    overflow-x: auto;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    background: #fff;
    width: 100%; /* Tam genişlik */
}

table.gb-cat-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
}

table.gb-cat-table thead th {
    background-color: #005bee;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    padding: 15px;
    border-bottom: none;
    white-space: nowrap;
}

table.gb-cat-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}
table.gb-cat-table tbody tr:hover { background-color: #f0f7ff; }

table.gb-cat-table td {
    padding: 15px;
    color: #374151;
    vertical-align: middle;
}

/* Linkler */
td.gb-food-name a {
    font-weight: 700;
    color: #1f2937;
    text-decoration: none;
    font-size: 1rem;
    display: block;
}
td.gb-food-name a:hover { color: #005bee; text-decoration: underline; }

/* --- İKON BUTON (EKLE) --- */
.gb-icon-btn {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #005bee;
    cursor: pointer;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease;
    margin: 0 auto;
    padding: 0 !important;
}

.gb-icon-btn svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #005bee !important;
    stroke-width: 2px;
    display: block !important;
}

.gb-icon-btn:hover {
    background-color: #005bee;
    border-color: #005bee;
    transform: scale(1.1);
}
.gb-icon-btn:hover svg { stroke: #ffffff !important; }

/* Eklendi Durumu */
.gb-icon-btn.added {
    background-color: #10b981; /* Yeşil */
    border-color: #10b981;
    pointer-events: none;
    opacity: 1;
}
.gb-icon-btn.added svg { stroke: #ffffff !important; }

.unit { font-size: 0.75rem; color: #9ca3af; margin-left: 2px; }
.text-center { text-align: center; }
.text-left { text-align: left; }

/* =========================
   AYDINLATICI REHBER KUTUSU TASARIMI
   ========================= */

.gb-guide-box {
    background-color: #f8f9fa; /* Çok açık gri zemin */
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 30px;
    margin-top: 50px; /* Üstten boşluk */
    border-left: 5px solid #005bee; /* Sol tarafa marka rengi çizgi */
    box-shadow: 0 2px 10px rgba(0,0,0,0.02); /* Hafif gölge */
}

.gb-guide-title {
    color: #005bee;
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e4e8;
}

.gb-guide-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* İki sütunlu yapı */
    gap: 30px;
}

.gb-guide-item h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #24292e;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}

.gb-guide-item p {
    font-size: 0.95rem;
    color: #586069;
    line-height: 1.6;
    margin: 0;
}

/* Mobilde tek sütuna düşsün */
@media (max-width: 768px) {
    .gb-guide-grid {
        grid-template-columns: 1fr; /* Tek sütun */
        gap: 20px;
    }
    .gb-guide-box {
        padding: 20px;
        margin-top: 30px;
    }
}

/* =======================================================
   WOODMART SAĞ BOŞLUK TAMİRİ (BALYOZ YÖNTEMİ 🔨)
   ======================================================= */

/* 1. Sidebar'ı ve yer kaplayan tüm kolonları yok et */
.single-food_item aside,
.single-food_item .wd-sidebar,
.single-food_item .sidebar-container,
.tax-food_cat aside,
.tax-food_cat .wd-sidebar {
    display: none !important;
}

/* 2. İçerik Kutusuna "PATRON SENSİN, YAYIL" de */
/* col-lg-9 gibi sınıfları ezip %100 yapıyoruz */
.single-food_item .site-content,
.tax-food_cat .site-content,
.single-food_item .content-layout-sidebar-right .site-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
}

/* 3. Ana Satırı (Row) Hizala */
/* Sola yaslanmayı engellemek için */
.single-food_item .main-page-wrapper .row,
.tax-food_cat .main-page-wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    display: block !important; /* Flex yapısını bozup blok yapıyoruz ki yayılsın */
}

/* 4. Sayfa Kapsayıcısını (Container) Ortala */
/* 1300px'e kadar genişle ve ortada dur */
.single-food_item .container,
.tax-food_cat .container {
    width: 100% !important;
    max-width: 1300px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 5. Bizim Eklentinin Kutusunu Ortala */
.gb-main-wrapper {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================================
   GLOBAL CANLI ARAMA TASARIMI (ZORLA DÜZELTME)
   ========================================================== */
.gb-global-search-container {
    position: relative !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 30px auto !important;
    font-family: sans-serif !important;
    z-index: 10;
}

.gb-global-input-wrapper {
    position: relative !important; /* İkonun buna göre durması ŞART */
    width: 100% !important;
    display: block !important;
}

/* INPUT ALANI */
#gb-global-search-input {
    width: 100% !important;
    height: 55px !important;
    padding: 0 20px 0 55px !important; /* İkon boşluğu */
    border: 2px solid #e1e4e8 !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    color: #333 !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

#gb-global-search-input:focus {
    border-color: #005bee !important;
    box-shadow: 0 4px 15px rgba(0, 91, 238, 0.15) !important;
}

/* İKONU YERİNE ÇİVİLE */
.gb-search-icon {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    background: transparent !important;
    border: none !important;
}

.gb-search-icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #005bee !important;
    vertical-align: middle !important;
}

/* SONUÇLAR KUTUSU */
.gb-results-dropdown {
    position: absolute !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid #e1e4e8 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    z-index: 99999 !important;
    display: none;
    overflow: hidden !important;
}

.gb-results-dropdown ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.gb-results-dropdown li { border-bottom: 1px solid #f5f5f5 !important; margin: 0 !important; }
.gb-results-dropdown a {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 12px 20px !important; text-decoration: none !important; color: #333 !important;
}
.gb-results-dropdown a:hover { background-color: #f8fbff !important; }

/* LOADER */
.gb-search-loader {
    position: absolute; right: 20px; top: 18px;
    width: 20px; height: 20px;
    border: 2px solid #f3f3f3; border-top: 2px solid #005bee;
    border-radius: 50%;
    animation: gb-spin 0.8s linear infinite;
    display: none;
    z-index: 25;
}
@keyframes gb-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }