/* =============================================
   RESTORUN MARKA TEMASI
   ---------------------------------------------
   Yalnızca apprestorun.com hostunda yüklenir
   (components/marka-tema.blade.php).
   Tüm kurallar body.marka-restorun altındadır;
   Adisyonix temasına hiçbir etkisi yoktur.

   Renkler:
   Beyaz     #FFFFFF → Üst çubuk (altında lacivert çizgi)
   Sol menü  #1E4A8C → #173E78 → #12336A → Yumuşak lacivert gradyan
   Turuncu   #FE5D02 → Aktif menü, vurgu çizgileri
             (Masa alt butonları Adisyonix rengini kullanır)
   Lacivert  #0C3270 → Başlıklar, tablo başlığı, seçili segment
   Seçili    #EEF3FB → Seçili alanın / thead'in hafif zemini
   Zemin     #F5F7FB → #EEF2F8 → Düz, serin ana zemin (animasyon yok)
   Kart      #FFFFFF → Kartlar, tablolar, sipariş alanları
   Metin     #1E293B → Ana metinler
   Çizgi     #E2E8F0 → Çizgiler ve kenarlıklar
   ============================================= */

/* =============================================
   DEĞİŞKENLER (style-v2.css, masalar-v3.css, login-v3.css)
   ============================================= */
body.marka-restorun {
    /* style-v2 / masalar-v3 */
    --bg-main: #F5F7FB;
    --bg-card: var(--rr-kart, #FFFFFF);
    --bg-sidebar: #1E4A8C;
    --bg-sidebar-gradient: linear-gradient(180deg, #1E4A8C 0%, #173E78 55%, #12336A 100%);

    --primary: var(--rr-turuncu, #FE5D02);
    --primary-dark: #E04F00;
    --primary-light: #EEF3FB;
    --primary-tint: rgba(254, 93, 2, 0.08);
    --primary-tint-hover: rgba(254, 93, 2, 0.14);
    --primary-border: rgba(254, 93, 2, 0.18);
    --primary-border-hover: rgba(254, 93, 2, 0.32);

    --text-dark: var(--rr-metin, #1E293B);
    --text-muted: var(--rr-gri, #646464);

    --border: var(--rr-cizgi, #E2E8F0);
    --border-hover: rgba(12, 50, 112, 0.22);

    --shadow-button: 0 2px 8px rgba(254, 93, 2, 0.25);
    --tbl-header-accent: var(--rr-lacivert, #0C3270);

    /* login-v3 */
    --primary-50: #FFF4ED;
    --primary-100: #FFE4D2;
    --primary-200: #FFC8A3;
    --primary-300: #FE9D5E;
    --primary-400: #FE7A2E;
    --primary-500: #FE5D02;
    --primary-600: #E04F00;
    --primary-700: #B84000;
    --primary-800: #8F3200;
    --primary-900: #6B2500;
    --bg-cream: #F5F7FB;
    --bg-cream-light: #FFFFFF;
    --gradient-primary: linear-gradient(135deg, #FE5D02 0%, #E04F00 100%);
    --shadow-glow: 0 0 40px rgba(12, 50, 112, 0.18);
    --shadow-input: 0 0 0 4px rgba(254, 93, 2, 0.12);

    color: var(--rr-metin, #1E293B);
}

/* =============================================
   ZEMİN — Düz, serin gri-mavi (hareket yok)
   ============================================= */
body.marka-restorun {
    background: linear-gradient(180deg, #F5F7FB 0%, #EEF2F8 100%);
    background-size: auto;
    animation: none;
}

body.marka-restorun.adisyonix-layout-body {
    background: linear-gradient(180deg, #F5F7FB 0%, #EEF2F8 100%);
    background-size: auto;
    animation: none;
}

/* Arka plan ışık efekti kapalı */
body.marka-restorun::before {
    background: none;
    animation: none;
}

/* =============================================
   ÜST ÇUBUK — Beyaz, altında ince lacivert çizgi
   ============================================= */
body.marka-restorun .top-status-bar,
body.marka-restorun.adisyonix-layout-body .top-status-bar {
    background: #FFFFFF;
    border: 1px solid var(--rr-cizgi, #E2E8F0);
    border-bottom: 2px solid var(--rr-lacivert, #0C3270);
    box-shadow: 0 4px 16px rgba(12, 50, 112, 0.08);
    color: var(--rr-metin, #1E293B);
}

/* =============================================
   SOL MENÜ — Yumuşak lacivert gradyan, pill öğeler
   ============================================= */
body.marka-restorun .sidebar,
body.marka-restorun.adisyonix-layout-body .sidebar {
    background: linear-gradient(180deg, #1E4A8C 0%, #173E78 55%, #12336A 100%);
    background-attachment: scroll;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 6px 20px rgba(12, 50, 112, 0.14);
}

body.marka-restorun .sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
}

body.marka-restorun .sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.32);
}

body.marka-restorun .sidebar-divider {
    background: rgba(255, 255, 255, 0.10);
}

body.marka-restorun .sidebar-section-label {
    color: rgba(255, 255, 255, 0.45);
}

body.marka-restorun .sidebar-item,
body.marka-restorun .sidebar-subitem,
body.marka-restorun .sidebar-subitem:link,
body.marka-restorun .sidebar-subitem:visited {
    color: rgba(255, 255, 255, 0.78);
}

/* Pill görünüm ve yumuşak geçiş */
body.marka-restorun .sidebar-item,
body.marka-restorun .sidebar-subitem {
    border-radius: 10px;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

body.marka-restorun .sidebar-arrow {
    color: rgba(255, 255, 255, 0.55);
}

/* Menü ikonları — pastel renkler yerine tek açık gri */
body.marka-restorun .sidebar-item i,
body.marka-restorun .sidebar-subitem i {
    color: #D6DEEA;
}

body.marka-restorun .sidebar-item:hover,
body.marka-restorun .sidebar-subitem:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #FFFFFF;
    box-shadow: none;
}

body.marka-restorun .sidebar-item:hover i,
body.marka-restorun .sidebar-subitem:hover i {
    color: #FFFFFF;
}

/* Aktif menü — beyaz zemin, turuncu çerçeve, lacivert yazı, turuncu ikon ve çizgi */
body.marka-restorun .sidebar-item.active,
body.marka-restorun .sidebar-subitem.active,
body.marka-restorun .sidebar-toggle.active,
body.marka-restorun .sidebar-submenu.open .sidebar-toggle {
    background: #FFFFFF;
    color: var(--rr-lacivert, #0C3270);
    border: 1px solid var(--rr-turuncu, #FE5D02);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(12, 50, 112, 0.12);
}

body.marka-restorun .sidebar-item.active i,
body.marka-restorun .sidebar-subitem.active i,
body.marka-restorun .sidebar-toggle.active i,
body.marka-restorun .sidebar-submenu.open .sidebar-toggle i {
    color: var(--rr-turuncu, #FE5D02) !important;
    filter: none;
}

/* Aktif menü sol çizgisi — düz turuncu, parlama yok */
body.marka-restorun .sidebar-item.active::before,
body.marka-restorun .sidebar-toggle.active::before,
body.marka-restorun .sidebar-submenu.open .sidebar-toggle::before {
    background: var(--rr-turuncu, #FE5D02);
    box-shadow: none;
    animation: none;
}

/* Geri dön butonu — lacivert zemin üstünde beyaz-saydam, turuncu çizgi */
body.marka-restorun .ix-sidebar-geri-btn {
    background: rgba(255, 255, 255, 0.10);
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    box-shadow: none;
    transition: background .2s ease, box-shadow .2s ease;
}

body.marka-restorun .ix-sidebar-geri-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    box-shadow: none;
}

body.marka-restorun .ix-sidebar-geri-btn::before {
    background: var(--rr-turuncu, #FE5D02);
}

/* Yapışkan ayraç şeffaf olamaz — menünün üst rengiyle düz zemin */
body.marka-restorun .ix-sidebar-geri-btn + .sidebar-divider {
    background: #1E4A8C;
}

/* =============================================
   İÇERİK, KART VE TABLOLAR — Beyaz, açık gri çizgi
   ============================================= */
body.marka-restorun .main-content,
body.marka-restorun .adisyonix-page-content,
body.marka-restorun .adisyonix-page-content .card {
    background: var(--rr-kart, #FFFFFF);
    border-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .adisyonix-page-content .table thead th {
    background: #EEF3FB;
    color: var(--rr-lacivert, #0C3270);
    border-bottom: 2px solid var(--rr-lacivert, #0C3270);
}

/* =============================================
   BUTONLAR — Düz turuncu
   ============================================= */
body.marka-restorun .btn-primary,
body.marka-restorun .adisyonix-page-content .btn-primary {
    background: var(--rr-turuncu, #FE5D02);
    border-color: var(--rr-turuncu, #FE5D02);
    box-shadow: 0 2px 8px rgba(254, 93, 2, 0.25);
}

body.marka-restorun .btn-primary:hover,
body.marka-restorun .adisyonix-page-content .btn-primary:hover {
    background: #E04F00;
    border-color: #E04F00;
    box-shadow: 0 4px 12px rgba(254, 93, 2, 0.30);
}

/* =============================================
   ANA MENÜ KARTLARI ve TANIMLAR (style-v2.css)
   ============================================= */
body.marka-restorun .module-card {
    border-color: var(--rr-cizgi, #E2E8F0);
    box-shadow: 0 2px 8px rgba(12, 50, 112, 0.05);
}

body.marka-restorun .module-card::before {
    background: var(--rr-turuncu, #FE5D02);
}

body.marka-restorun .module-card:hover {
    border-color: rgba(12, 50, 112, 0.25);
    box-shadow: 0 10px 28px rgba(12, 50, 112, 0.10);
}

body.marka-restorun .card-chevron {
    color: rgba(12, 50, 112, 0.40);
}

body.marka-restorun .category-divider {
    color: var(--rr-lacivert, #0C3270);
    border-bottom-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .category-divider::after {
    background: var(--rr-turuncu, #FE5D02);
}

body.marka-restorun .search-wrapper-compact .form-control {
    border-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .search-wrapper-compact .form-control:focus {
    border-color: var(--rr-lacivert, #0C3270);
    box-shadow: 0 0 0 3px rgba(12, 50, 112, 0.10);
}

body.marka-restorun .section-panel::-webkit-scrollbar-thumb {
    background: rgba(12, 50, 112, 0.18);
}

body.marka-restorun .section-panel::-webkit-scrollbar-thumb:hover {
    background: rgba(12, 50, 112, 0.32);
}

body.marka-restorun .tanim-group-title {
    border-bottom-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .tanim-group-title i {
    color: var(--rr-turuncu, #FE5D02);
}

body.marka-restorun .tanim-btn:hover {
    border-color: rgba(12, 50, 112, 0.25);
    box-shadow: 0 4px 12px rgba(12, 50, 112, 0.08);
}

/* =============================================
   MASALAR / TÜM PAKETLER (masalar-v3.css, tumpaketler.css)
   ============================================= */
body.marka-restorun .masalar-header {
    border: 1px solid var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .toolbar-btn.active {
    background: var(--rr-turuncu, #FE5D02) !important;
    border-color: var(--rr-turuncu, #FE5D02) !important;
    box-shadow: 0 2px 8px rgba(254, 93, 2, 0.25) !important;
}

body.marka-restorun .masalar-segments {
    background: var(--rr-zemin, #F5F7FB);
    border-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .segment-btn.active {
    background: var(--rr-lacivert, #0C3270);
    color: #FFFFFF;
    border-color: var(--rr-lacivert, #0C3270);
    box-shadow: 0 2px 6px rgba(12, 50, 112, 0.20);
}

body.marka-restorun .stat-item {
    border-color: var(--rr-cizgi, #E2E8F0);
}

body.marka-restorun .paket-bolum-header--paket {
    border-top-color: var(--rr-turuncu, #FE5D02);
}

body.marka-restorun .paket-teslim-ozet-kurye select:focus {
    box-shadow: 0 0 0 2px rgba(12, 50, 112, 0.10);
}

body.marka-restorun .tp-platform-kutu--normal {
    --kaynak-renk: #FE5D02;
}

/* =============================================
   MASA SİPARİŞ EKRANI (masa/style.css)
   Yalnızca başlık; alt butonlar Adisyonix rengi (masa/style.css:1588)
   ============================================= */
body.marka-restorun .masa-header {
    border: 1px solid var(--rr-cizgi, #E2E8F0);
    box-shadow: 0 4px 12px rgba(12, 50, 112, 0.08);
}

/* =============================================
   GİRİŞ EKRANI (login-v3.css)
   ============================================= */
body.marka-restorun .orb-1 {
    background: linear-gradient(135deg, rgba(12, 50, 112, 0.18) 0%, rgba(12, 50, 112, 0.08) 100%);
}

body.marka-restorun .orb-2 {
    background: linear-gradient(135deg, rgba(254, 93, 2, 0.10) 0%, rgba(254, 93, 2, 0.04) 100%);
}

body.marka-restorun .grid-pattern {
    background-image:
        linear-gradient(rgba(12, 50, 112, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(12, 50, 112, 0.03) 1px, transparent 1px);
}

body.marka-restorun .hero-illustration img {
    filter: drop-shadow(0 15px 30px rgba(12, 50, 112, 0.15));
}

body.marka-restorun .submit-btn {
    box-shadow: 0 4px 14px rgba(254, 93, 2, 0.35);
}

body.marka-restorun .submit-btn:hover {
    box-shadow: 0 8px 25px rgba(254, 93, 2, 0.45);
}

body.marka-restorun .submit-btn:active {
    box-shadow: 0 4px 14px rgba(254, 93, 2, 0.35);
}