/* MKM One Suite */
:root{
  --mkm-bg:#0f1216;
  --mkm-card:#141a20;
  --mkm-card-2:#10161c;
  --mkm-border:#263240;
  --mkm-text:#e7eef7;
  --mkm-dim:#a7b3c1;
  --mkm-accent:#e11d48; /* red */
  --mkm-blue:#2dd4bf;  /* cyan-ish button as current */
}
/* page background */
body{ background: var(--mkm-bg) !important; color: var(--mkm-text); }

/* Blocksy header dark + sticky */
.site-header, header, .ct-header{
  position: sticky; top:0; z-index: 999;
  background:#0b0e12 !important; box-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.ct-header .menu > li > a, .ct-header .site-title a, .main-navigation a, .site-branding a{
  color: var(--mkm-text) !important;
}
/* Hide extra top menu items except Avaleht, Minu konto, Ostukorv, Kontakt */
.ct-header .menu > li > a{
  opacity:.9;
}
.ct-header .menu > li > a{ text-transform:none; letter-spacing:.2px; }
.ct-header .menu > li{ display:none; }
.ct-header .menu > li a{
  padding:12px 14px;
}
.ct-header .menu > li a[href*="aval"],
.ct-header .menu > li a[href*="minu-konto"],
.ct-header .menu > li a[href*="ostukorv"],
.ct-header .menu > li a[href*="kontakt"]{
  color:var(--mkm-text) !important;
}
/* Show four main by title match as fallback */
.ct-header .menu > li:has(a:contains("Avaleht")),
.ct-header .menu > li:has(a:contains("Minu konto")),
.ct-header .menu > li:has(a:contains("Ostukorv")),
.ct-header .menu > li:has(a:contains("Kontakt")){ display:block; }

/* Utility fallback for themes without :has & :contains — reveal first 4 items */
@supports not (selector(:has(*))) {
  .ct-header .menu > li{ display:inline-block; }
}

/* Container */
.mkm-wrap{ padding:24px 0; }
.mkm-grid{ display:grid; grid-template-columns: 280px 1fr; gap:24px; }
@media(max-width:980px){ .mkm-grid{ grid-template-columns:1fr; } }

/* Sidebar */
.mkm-side-card{
  background: var(--mkm-card); border:1px solid var(--mkm-border);
  border-radius:16px; padding:16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.35);
}
.mkm-side-title{ font-weight:700; margin:4px 0 10px; }
.mkm-cat-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.mkm-cat-list li{ display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:12px; transition:all .2s ease; }
.mkm-cat-list li:hover{ background: var(--mkm-card-2); transform: translateX(2px); }

/* Icons */
.mkm-ico{ width:18px; height:18px; display:inline-block; border:2px solid var(--mkm-accent); border-radius:6px; position:relative; }
.mkm-ico:before{ content:''; position:absolute; inset:3px; background:var(--mkm-text); border-radius:3px; opacity:.9; }
.mkm-ico-car{ border-radius:999px; }
.mkm-ico-wheel{ border-radius:999px; width:18px; height:18px; }
.mkm-ico-battery{ border-radius:4px; }
.mkm-ico-puzzle{ clip-path: path('M2,6 h6 a2,2 0 0 1 4,0 h6 v6 a2,2 0 0 1 0,4 v6 h-6 a2,2 0 0 1 -4,0 h-6 z'); border:none; }
.mkm-ico-tools{ border-radius:4px; }

/* Main hero */
.mkm-hero{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(45,212,191,.12), transparent 60%),
              var(--mkm-card);
  border:1px solid var(--mkm-border);
  border-radius:18px; padding:22px; min-height:160px;
  box-shadow: 0 12px 36px rgba(0,0,0,.5);
}
.mkm-hero-title{ margin:0 0 14px; color:var(--mkm-text); text-shadow:0 2px 18px rgba(0,0,0,.5); }
.mkm-search-row{ display:flex; gap:10px; margin:10px 0; }
.mkm-input{
  flex:1; background:#0c1117; border:1px solid var(--mkm-border);
  color:var(--mkm-text); border-radius:10px; padding:12px 12px;
}
.mkm-btn{ border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600; }
.mkm-btn-blue{ background:#0ea5e9; color:white; }
.mkm-note{ font-size:.88rem; color: var(--mkm-dim); margin-top:6px;}

/* Hide legacy buttons by text keywords if they exist */
a.button, button{}
a:contains("Ava pood"){ display:none !important; }
button:contains("Otsi numbrimärgi järgi"){ display:none !important; }