/* theme-makka.css - Makka Store look (navy #1B1960 / sky #5CC0EE) */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@500;600;700&display=swap');
:root{
  --titan:#1B1960; --titan-hover:#15134E; --titan-active:#100E3D;
  --titan-soft:#E7EAF7; --titan-border:#CFD3EE;
  --accent:#1B1960; --accent-dim:#E7EAF7; --accent-glow:rgba(27,25,96,.12);
  --sky:#5CC0EE; --sky-dim:#E3F3FC; --sky-ink:#0F4F82;
  --navy-2:#2E2C85; --navy-line:#34327A; --navy-text:#C9CAE6; --navy-muted:#9C9CC4;
  --bg-base:#EEF1F6;
  --font-display:'Readex Pro', var(--font-body);
}
[data-theme="dark"]{
  --titan:#6F6CE0; --titan-hover:#8380EA; --titan-soft:#1D1C3A; --titan-border:#2D2B5C;
  --accent:#6F6CE0; --accent-dim:#1D1C3A;
}
h1,h2,.page-title,.header-title,.card-title,.topbar-title{font-family:var(--font-display);}
.sidebar{background:var(--titan) !important;}
[data-theme="dark"] .sidebar{background:#121138 !important;}
[dir="rtl"] .sidebar{border-left-color:var(--titan);}
[dir="ltr"] .sidebar{border-right-color:var(--titan);}
.sidebar-logo{border-bottom-color:var(--navy-line);}
.sidebar-logo{height:auto !important;min-height:var(--header-h);padding:12px 16px !important;justify-content:center;}
.sidebar-logo img{display:block;width:100% !important;max-width:190px;height:auto !important;max-height:52px;
  object-fit:contain;background:#fff;border-radius:10px;padding:6px 12px;box-sizing:border-box;}
.sidebar .nav-label,.sidebar .nav-arrow{color:var(--navy-muted);}
.sidebar .nav-item{color:var(--navy-text);}
.sidebar .nav-item:hover{background:#26247A;color:#fff;}
.sidebar .nav-item.active{background:var(--navy-2);color:#fff;box-shadow:none;}
[dir="rtl"] .sidebar .nav-item.active{box-shadow:inset -3px 0 0 var(--sky);}
[dir="ltr"] .sidebar .nav-item.active{box-shadow:inset 3px 0 0 var(--sky);}
[dir="rtl"] .sidebar .nav-sub-items{border-right-color:var(--navy-line);}
[dir="ltr"] .sidebar .nav-sub-items{border-left-color:var(--navy-line);}
.sidebar .nav-sub-item.active{background:rgba(92,192,238,.16);color:#fff;}
.sidebar-footer{border-top-color:var(--navy-line);}
.sidebar-footer,.sidebar-footer *{color:#DCDDF0;}
.sidebar .mod-chip{background:rgba(255,255,255,.08) !important;color:#fff !important;}
.btn-primary{background:var(--titan);border-color:var(--titan);}
.btn-primary:hover{background:var(--titan-hover);border-color:var(--titan-hover);}
input:focus,select:focus,textarea:focus{border-color:var(--sky) !important;box-shadow:0 0 0 3px rgba(92,192,238,.22) !important;}
body.brand-makka.login-page{display:grid !important;grid-template-columns:minmax(360px,44%) 1fr;padding:0 !important;align-items:stretch !important;}
.brand-panel{background:var(--titan);color:#fff;display:flex;flex-direction:column;justify-content:space-between;
  padding:56px;position:relative;overflow:hidden;min-height:100vh;}
.brand-panel::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:60px solid var(--sky);
  opacity:.14;left:-160px;bottom:-160px;}
.brand-panel .bp-logo{background:#fff;border-radius:16px;padding:14px 20px;align-self:flex-start;}
.brand-panel .bp-logo img{height:52px;display:block;}
.brand-panel h2{font-family:var(--font-display);font-size:2.3rem;font-weight:600;line-height:1.3;margin:0 0 12px;}
.brand-panel p{color:#CFD0EE;font-size:1.05rem;line-height:1.8;margin:0;max-width:440px;}
.brand-panel .bp-domain{font-size:.82rem;color:var(--navy-muted);position:relative;z-index:1;}
body.brand-makka.login-page .login-wrap{align-self:center;justify-self:center;padding:24px;}
body.brand-makka .login-logo .mark{display:none;}
@media (max-width:860px){
  body.brand-makka.login-page{grid-template-columns:1fr;}
  .brand-panel{min-height:auto;padding:28px;gap:18px;}
  .brand-panel h2{font-size:1.6rem;}
}
.sidebar .sidebar-logo img{flex:none !important;width:170px !important;height:57px !important;max-width:none !important;max-height:none !important;object-fit:contain !important;}
