/* ============================================================
   JAD Events — admin skin
   Loaded LAST in layouts/app.blade.php, overrides the Cork theme.
   Remove this link + restore layouts/.backup-before-jad-skin to
   fully revert the redesign.
   ============================================================ */

:root{
  --jad-primary:#1D79C5;
  --jad-primary-deep:#14568C;
  --jad-accent:#7CC0F2;
  --jad-side:#171E29;
  --jad-side-2:#202b3b;
  --jad-ink:#17203A;
  --jad-line:#E4EAF5;
  --jad-bg:#EEF2F9;
  --jad-r:14px;
  --jad-sh:0 2px 6px #17203a08,0 10px 28px #17203a0d;
}

/* ---------- typography (local fonts, no CDN) ---------- */
body, .form-control, .btn, .dropdown-menu, .table, h1,h2,h3,h4,h5,h6,
.navbar, .sidebar-wrapper, input, select, textarea, .swal2-popup{
  font-family: Rubik, Tajawal, system-ui, "Segoe UI", sans-serif !important;
}
body:not(.dark){ background: var(--jad-bg); color: var(--jad-ink); }

/* ---------- primary color: Cork indigo -> JAD blue ---------- */
.btn-primary{
  background: linear-gradient(120deg,var(--jad-primary),var(--jad-primary-deep)) !important;
  border-color: var(--jad-primary-deep) !important;
  box-shadow: 0 6px 16px #1d79c540 !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
  background: var(--jad-primary-deep) !important;
  border-color: var(--jad-primary-deep) !important;
}
.btn-secondary{
  background: linear-gradient(120deg,var(--jad-primary),var(--jad-primary-deep)) !important;
  border-color: var(--jad-primary-deep) !important;
}
.btn-outline-primary{ color: var(--jad-primary) !important; border-color:#c8d7fb !important; }
.btn-outline-primary:hover{ background: var(--jad-primary) !important; color:#fff !important; }
a{ color: var(--jad-primary); }
a:hover{ color: var(--jad-primary-deep); }
.text-primary{ color: var(--jad-primary) !important; }
.bg-primary{ background-color: var(--jad-primary) !important; }
.badge-light-primary,.badge.badge-light-primary{
  color: var(--jad-primary) !important; background:#1d79c517 !important; border-color:#1d79c52e !important;
}
.form-check-input:checked{ background-color: var(--jad-primary) !important; border-color: var(--jad-primary) !important; }
.form-control:focus,.form-select:focus{
  border-color: var(--jad-primary) !important;
  box-shadow: 0 0 0 .18rem #1d79c526 !important;
}
.switch-input:checked + .switch, input.status-toggle:checked{ background-color: var(--jad-primary) !important; }

/* ---------- rounded, softer surfaces ---------- */
.widget-content-area, .card, .widget, .statbox{
  border-radius: var(--jad-r) !important;
  border: 1px solid var(--jad-line) !important;
  box-shadow: var(--jad-sh) !important;
}
.form-control,.form-select{ border-radius: 10px !important; }
.btn{ border-radius: 10px !important; }
.modal-content{ border-radius: 16px !important; border:0 !important; box-shadow: 0 30px 80px #0f151e50 !important; }
.dropdown-menu{ border-radius: 12px !important; border:1px solid var(--jad-line) !important; box-shadow: 0 12px 34px #17203a1c !important; }

/* ---------- sidebar: deep navy, like the owner panel ---------- */
body:not(.dark) .sidebar-wrapper,
body:not(.dark) .sidebar-wrapper .sidebar-theme,
body:not(.dark) #sidebar{
  background: linear-gradient(180deg,var(--jad-side),#0f151e) !important;
}
body:not(.dark) .sidebar-wrapper *{ border-color:#ffffff12; }
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle,
body:not(.dark) #sidebar ul.menu-categories li.menu > a{
  color:#9fb0d8 !important;
  border-radius: 11px;
  transition: background .15s,color .15s;
}
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle svg,
body:not(.dark) #sidebar ul.menu-categories li.menu > a svg{ color:#9fb0d8 !important; stroke:#9fb0d8; }
body:not(.dark) #sidebar ul.menu-categories li.menu > a:hover,
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover{
  background:#ffffff0d !important; color:#fff !important;
}
body:not(.dark) #sidebar ul.menu-categories li.menu > a:hover svg,
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg{ color:#fff !important; stroke:#fff; }
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"],
body:not(.dark) #sidebar ul.menu-categories li.menu.active > .dropdown-toggle,
body:not(.dark) #sidebar ul.menu-categories li.menu.active > a{
  background: linear-gradient(90deg,#1d79c52e,#1d79c514) !important;
  color:#fff !important;
}
body:not(.dark) #sidebar ul.menu-categories li.menu.active > a svg,
body:not(.dark) #sidebar ul.menu-categories li.menu.active > .dropdown-toggle svg{ color:#5fa8e4 !important; stroke:#5fa8e4; }
body:not(.dark) #sidebar ul.menu-categories ul.submenu > li a{ color:#8b9cc7 !important; }
body:not(.dark) #sidebar ul.menu-categories ul.submenu > li a:hover,
body:not(.dark) #sidebar ul.menu-categories ul.submenu > li.active a{ color:#fff !important; }
body:not(.dark) .sidebar-wrapper .heading,
body:not(.dark) #sidebar .heading{ color:#5f6f99 !important; letter-spacing:2px; }
body:not(.dark) .sidebar-wrapper .nav-logo,
body:not(.dark) .sidebar-wrapper .main-logo{ background: transparent !important; }
body:not(.dark) .sidebar-wrapper .nav-logo .nav-app-name,
body:not(.dark) .sidebar-wrapper .app-name,
body:not(.dark) .sidebar-wrapper .main-logo span{ color:#fff !important; }

/* ---------- topbar ---------- */
body:not(.dark) .header-container{
  background:#ffffffdd !important;
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--jad-line) !important;
  box-shadow:none !important;
}
body:not(.dark) .navbar{ background: transparent !important; }

/* ---------- tables / datatables ---------- */
.table thead th{
  background:#f6f9ff !important;
  color:#5b6474 !important;
  font-weight:700 !important;
  border-bottom:1px solid var(--jad-line) !important;
}
.table.dt-table-hover tbody tr:hover{ background:#1d79c50a !important; }
.table td{ border-color:#eef2f9 !important; vertical-align: middle; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background: var(--jad-primary) !important; border-color: var(--jad-primary) !important; color:#fff !important;
  border-radius:9px !important;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
  border:1.5px solid var(--jad-line) !important; border-radius:10px !important; background:#f8faff !important;
}

/* ---------- breadcrumbs bar ---------- */
.page-meta, .breadcrumb{ background: transparent !important; }
.breadcrumb .breadcrumb-item.active{ color: var(--jad-primary) !important; }

/* ---------- auth (login) pages ---------- */
div.auth-overlay, div.auth-cover-bg-image, .auth-cover{
  background:
    radial-gradient(700px 400px at 80% 10%, #1d79c53d, transparent),
    radial-gradient(500px 300px at 15% 90%, #7cc0f226, transparent),
    linear-gradient(150deg,#171E29,#0f151e) !important;
  background-image:
    radial-gradient(700px 400px at 80% 10%, #1d79c53d, transparent),
    radial-gradient(500px 300px at 15% 90%, #7cc0f226, transparent),
    linear-gradient(150deg,#171E29,#0f151e) !important;
  opacity:1 !important;
}
.auth-container .card{
  border-radius:22px !important;
  border:1px solid var(--jad-line) !important;
  box-shadow:0 12px 44px #17203a14 !important;
}

/* ---------- sweetalert ---------- */
.swal2-popup{ border-radius:18px !important; }
.swal2-confirm.swal2-styled{ background: var(--jad-primary) !important; border-radius:10px !important; }
.swal2-cancel.swal2-styled{ border-radius:10px !important; }

/* ---------- dark mode: keep it coherent ---------- */
body.dark .btn-primary, body.dark .btn-secondary{
  background: linear-gradient(120deg,var(--jad-primary),var(--jad-primary-deep)) !important;
}
body.dark .form-check-input:checked{ background-color: var(--jad-primary) !important; }
body.dark a{ color:#5fa8e4; }
body.dark .badge-light-primary{ color:#5fa8e4 !important; background:#1d79c522 !important; }

/* ---------- brand: replace Cork logo with JAD wordmark ---------- */
img.navbar-logo-g, .theme-logo img.navbar-logo, .nav-logo .theme-logo img{ display:none !important; }
.jad-brand-text{
  font-weight:800 !important; font-size:17px !important; color:var(--jad-primary) !important;
  letter-spacing:.3px;
}
.jad-brand-text::before{
  content:''; display:inline-block; width:26px; height:26px;
  background:url(/logo/jad-logo-192.png) center/contain no-repeat;
  border-radius:7px; vertical-align:-7px; margin-inline-end:8px;
}
body:not(.dark) .sidebar-wrapper .theme-text a,
body:not(.dark) #sidebar .theme-text a{
  color:#fff !important; font-weight:800 !important; font-size:16px !important;
}
body:not(.dark) .sidebar-wrapper .theme-text a::before{
  content:''; display:inline-block; width:29px; height:29px;
  background:url(/logo/jad-logo-192.png) center/contain no-repeat;
  border-radius:8px; vertical-align:-8px; margin-inline-end:8px;
}

/* ---------- sidebar states: expanded/active in JAD identity ---------- */
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"],
body:not(.dark) .sidebar-wrapper #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]{
  background: linear-gradient(90deg,#1d79c538,#1d79c51a) !important;
  color:#fff !important;
}
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] svg,
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] span{
  color:#fff !important; stroke:#fff !important;
}
body:not(.dark) #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] svg{ color:#5fa8e4 !important; stroke:#5fa8e4 !important; }
body:not(.dark) #sidebar .shadow-bottom{ display:none !important; }
body:not(.dark) #sidebar ul.menu-categories ul.submenu li a{
  color:#8b9cc7 !important; border-radius:9px;
}
body:not(.dark) #sidebar ul.menu-categories ul.submenu li a:hover{ color:#fff !important; background:#ffffff0a !important; }
body:not(.dark) #sidebar ul.menu-categories ul.submenu li.active a{
  color:#fff !important; background:#1d79c526 !important;
}
body:not(.dark) .sidebar-toggle .btn-toggle,
body:not(.dark) .sidebar-toggle svg{ color:#9fb0d8 !important; stroke:#9fb0d8 !important; }

/* ---------- breadcrumbs: chip style ---------- */
.page-meta{ padding:10px 0 !important; }
.breadcrumb{
  background:#fff !important; border:1px solid var(--jad-line) !important;
  border-radius:12px !important; padding:9px 16px !important; display:inline-flex !important;
  box-shadow: var(--jad-sh) !important;
}
.breadcrumb .breadcrumb-item a{ color:#6E7A96 !important; font-weight:600; }
.breadcrumb .breadcrumb-item.active{ color: var(--jad-primary) !important; font-weight:800; }

/* ---------- datatable controls polish ---------- */
.dataTables_wrapper .dataTables_info{ color:#6E7A96 !important; }
.dt-table-hover thead th, table.table thead th{
  background:#f2f6ff !important; border-bottom:1.5px solid #dfe8fa !important;
  font-size:13px !important;
}
table.table tbody td{ padding-top:12px !important; padding-bottom:12px !important; }
.badge{ border-radius:8px !important; font-weight:700 !important; padding:5px 11px !important; }
.badge.badge-light-success{ background:#00ab5517 !important; color:#00875a !important; }
.badge.badge-light-danger{ background:#e7515a17 !important; color:#cf3a44 !important; }
/* action icon buttons in tables */
td .badge{ box-shadow:none !important; }

/* ---------- widget headers ---------- */
.widget-header h4, .widget-heading h5, .area-header h4{
  font-weight:800 !important; color: var(--jad-ink) !important;
}

/* ---------- little polish ---------- */
.widget-content-area{ transition: box-shadow .2s; }
.widget-content-area:hover{ box-shadow: 0 4px 10px #17203a0a,0 18px 40px #17203a12 !important; }
::selection{ background:#1d79c533; }

/* ── phone country code: must READ as +972 without opening the dropdown ── */
.cc-group{ display:flex; gap:8px; direction:ltr; align-items:stretch; }
.cc-group .cc-select{
    flex:0 0 128px;
    font-size:15px !important;
    font-weight:700 !important;
    color:#1D79C5 !important;
    background-color:#eef4fb !important;
    border:1.5px solid #cfe0f2 !important;
    border-radius:10px !important;
    text-align:center;
    text-align-last:center;      /* keeps the value centred in the closed box */
    direction:ltr !important;
    padding-inline:10px !important;
    cursor:pointer;
    appearance:auto;             /* keep the native arrow so it reads as a picker */
}
.cc-group .cc-select:hover{ background-color:#e3eefa !important; }
.cc-group .cc-select option{ font-weight:600; color:#17203A; background:#fff; }
.cc-group .cc-phone{ flex:1; direction:ltr; text-align:left; }

/* ============================================================
   Sidebar layout. Cork's compiled structure.css collapses the sidebar
   to 1px by default; rebuild the frame: navbar (55px) on top spanning
   the content area, sidebar below it pinned to the inline-start edge
   (right in RTL), breadcrumb and content beside the sidebar — nothing
   overlaps. The hamburger is Cork's native .sidebarCollapse; its JS
   toggles #container.sidebar-closed (desktop) and .sbar-open (mobile).
   ============================================================ */
:root{ --jad-nav-h:55px; --jad-side-w:255px; }

.sidebar-wrapper{
  width:var(--jad-side-w) !important; position:fixed !important;
  top:var(--jad-nav-h); bottom:0;
  height:calc(100vh - var(--jad-nav-h)) !important;
  inset-inline-start:0 !important; inset-inline-end:auto !important;
  overflow-y:auto; transition:transform .3s ease;
}
#sidebar{ width:var(--jad-side-w) !important; min-width:var(--jad-side-w) !important; }
/* the sidebar's own brand row duplicates the navbar it now sits under */
.sidebar-wrapper .theme-brand{ display:none !important; }

/* RTL slides out to the right, LTR to the left */
[dir="rtl"] .sidebar-wrapper{ --jad-hide:100%; }
[dir="ltr"] .sidebar-wrapper{ --jad-hide:-100%; }

@media (min-width:992px){
  .sidebar-wrapper{ z-index:1028; }
  /* fixed bars: pin between the sidebar edge and the far edge — a margin
     on a 100%-wide fixed bar just shoves it off-screen instead */
  .header-container, .secondary-nav{
    inset-inline-start:var(--jad-side-w) !important;
    inset-inline-end:0 !important;
    width:auto !important; margin-inline-start:0 !important;
  }
  /* keep the brand visible: the navbar no longer covers the sidebar column */
  .header-container{ inset-inline-start:0 !important; padding-inline-start:var(--jad-side-w); }
  #content{ margin-inline-start:var(--jad-side-w) !important; }

  /* desktop collapse: slide the sidebar out and reclaim the space */
  #container.sidebar-closed .sidebar-wrapper{ transform:translateX(var(--jad-hide,100%)) !important; }
  #container.sidebar-closed #content{ margin-inline-start:0 !important; }
  #container.sidebar-closed .secondary-nav{ inset-inline-start:0 !important; }
  #container.sidebar-closed .header-container{ padding-inline-start:0; }
}

@media (max-width:991px){
  #content{ margin-inline-start:0 !important; }
  .header-container, .secondary-nav{ margin-inline-start:0 !important; }
  /* off-canvas overlay drawer, full height, above the fixed bars */
  .sidebar-wrapper{
    top:0; height:100vh !important; z-index:1040;
    transform:translateX(var(--jad-hide,100%)) !important;
    box-shadow:0 0 40px #0005;
  }
  #container.sbar-open .sidebar-wrapper{ transform:translateX(0) !important; }
}