/* ==========================================================================
   StreetKingShop.sk — generic reconstruction stylesheet
   Original CreativeShop/Joomla theme CSS was not archived (all @import targets
   404). This is a clean generic layout rebuilt from the surviving DOM classes.
   Palette: charcoal + red accent (streetwear / MMA / military brands).
   ========================================================================== */

:root{
  --sks-ink:#1c1c1c;
  --sks-bg:#f2f2f2;
  --sks-card:#ffffff;
  --sks-accent:#c8102e;
  --sks-accent-dark:#9c0d24;
  --sks-line:#e2e2e2;
  --sks-muted:#6a6a6a;
  --sks-header:#161616;
}

*{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
  margin:0;
  background:var(--sks-bg);
  color:var(--sks-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:15px;
  line-height:1.55;
}
img{max-width:100%;height:auto;border:0;vertical-align:middle;}
a{color:var(--sks-accent);text-decoration:none;}
a:hover{color:var(--sks-accent-dark);text-decoration:underline;}
h1,h2,h3,h4{line-height:1.25;color:var(--sks-ink);margin:.6em 0 .4em;}
.cleaner,.clr{clear:both;height:0;line-height:0;font-size:0;}
ul{margin:.4em 0;padding-left:1.2em;}

/* ---- top-level containers ------------------------------------------------ */
#m1_wrapper,#m1,#main{width:100%;}
#header_container,#subheader,#mainmiddle_container,#footer_top,#footer,#bottom{width:100%;}
#header-inner,#menu_div-inner,#subheader-inner,#middle_top,#middle_content,
#middle_bot,#footer_inner,.mp_container{
  max-width:1180px;margin:0 auto;padding:0 18px;
}

/* ---- header -------------------------------------------------------------- */
#header_container{background:var(--sks-header);}
#header,#header-inner{position:relative;}
#header-inner{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;min-height:90px;gap:14px;padding-top:12px;padding-bottom:12px;}
#logo{min-width:230px;height:52px;display:flex;align-items:center;}
#logo:before{
  content:"STREET KING SHOP";
  font-weight:800;font-size:26px;letter-spacing:.04em;color:#fff;
  text-transform:uppercase;line-height:1;
}
#logo:after{content:".sk";color:var(--sks-accent);font-weight:800;font-size:26px;}
a.homepagelink{position:absolute;inset:0;}

/* top cart + login modules */
#topmenu{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
#topmenu a{color:#e9e9e9;}
#topmenu a:hover{color:#fff;}
.module-cart,.module_cont-cart{color:#cfcfcf;font-size:13px;}
.module-cart .module_name,.module_top-cart{color:#fff;font-weight:700;text-transform:uppercase;
  font-size:12px;letter-spacing:.05em;margin-bottom:4px;}
a.login,a.registration{display:inline-block;color:#fff;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border:1px solid #3a3a3a;
  border-radius:3px;margin-left:6px;}
a.registration{background:var(--sks-accent);border-color:var(--sks-accent);}
a.registration:hover{background:var(--sks-accent-dark);text-decoration:none;}
a.login:hover{background:#2a2a2a;text-decoration:none;}

/* ---- main navigation bar ------------------------------------------------- */
#menu_div{background:#232323;border-top:3px solid var(--sks-accent);}
ul.mainlevel-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
ul.mainlevel-nav>li{margin:0;}
ul.mainlevel-nav>li>a{
  display:block;padding:0 18px;line-height:46px;color:#ececec;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
}
ul.mainlevel-nav>li>a:hover,
ul.mainlevel-nav>li>a.active_menu1-nav,
ul.mainlevel-nav>li>a.cms_active_menu{background:var(--sks-accent);color:#fff;text-decoration:none;}
ul.mainlevel-nav>li>a span{display:inline;}
li.licko_blog>a{background:var(--sks-accent);color:#fff;}

/* search module */
.moduletable-search{margin-left:auto;padding:7px 0;}
.moduletable-search input[type="text"]{padding:7px 10px;border:1px solid #444;border-radius:3px;
  min-width:160px;background:#fff;font-size:13px;}
.moduletable-search input[type="submit"],.moduletable-search button{
  padding:7px 12px;border:0;background:var(--sks-accent);color:#fff;border-radius:3px;cursor:pointer;}

/* ---- subheader / slider -------------------------------------------------- */
#subheader{background:#eaeaea;}
#subheader-inner{padding-top:16px;padding-bottom:16px;}
/* Nivo-slider JS модуль не заархивирован → карусель не инициализируется, все слайды
   остаются inline display:none. Показываем первый реальный слайд статически как hero. */
.module_nivo_slider,.nivo_slider_container{position:relative;}
.nivoSlider{
  position:relative;border-radius:5px;overflow:hidden;
  width:auto !important;height:auto !important;max-width:100%;margin:0 auto;
}
.nivoSlider img{display:none !important;}
.nivoSlider img:first-of-type{
  display:block !important;width:100% !important;height:auto !important;
  border-radius:5px;
}
.nivo-html-caption,.nivo-controlNav,.nivo-directionNav{display:none;}

/* ---- generic modules ----------------------------------------------------- */
.module,.module-top,.module_custmenu{margin-bottom:18px;}
.module_name,.module_top-top,.module_top_custmenu{
  font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  color:var(--sks-ink);border-bottom:2px solid var(--sks-accent);
  padding-bottom:6px;margin-bottom:12px;display:inline-block;
}
.module_cont,.module_cont-top,.module_cont_custmenu{font-size:14px;}
.module_custmenu ul{list-style:none;padding:0;margin:0;}
.module_custmenu ul li a{display:block;padding:5px 0;border-bottom:1px solid var(--sks-line);color:#333;}
.module_custmenu ul li a:hover{color:var(--sks-accent);text-decoration:none;}

/* ---- main content area --------------------------------------------------- */
#mainmiddle_container{padding:22px 0 30px;}
#middle_top,#middle_content{margin-bottom:22px;}
#middle_content_inner{background:var(--sks-card);border:1px solid var(--sks-line);
  border-radius:5px;padding:22px 26px;}
table.blog{width:100%;border-collapse:collapse;}
.contentheading{font-size:22px;font-weight:800;color:var(--sks-ink);padding-bottom:8px;}
.td_content_body{font-size:15px;line-height:1.7;}
.td_content_body p{margin:.7em 0;}

/* ---- product grids (featured + category) --------------------------------- */
table.table_featured_prod{width:100%;border-collapse:separate;border-spacing:14px;table-layout:fixed;}
td.featured-prod,.shop-category-product{
  background:var(--sks-card);border:1px solid var(--sks-line);border-radius:5px;
  padding:14px;text-align:center;vertical-align:top;transition:box-shadow .15s,border-color .15s;
}
td.featured-prod:hover,.shop-category-product:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.10);border-color:#cfcfcf;
}
.shop-category-product{display:inline-block;width:31%;margin:0 1% 18px;box-sizing:border-box;}
.akcia-link,.shop-category-product a{color:var(--sks-ink);font-weight:600;}
.akcia-link-text{display:block;font-size:14px;font-weight:700;margin:8px 0 6px;min-height:2.6em;}
.featured-image-span{display:block;min-height:150px;background:#f6f6f6;border:1px dashed #dcdcdc;
  border-radius:4px;margin-bottom:8px;}
.old-price{color:var(--sks-muted);text-decoration:line-through;font-size:13px;margin-right:6px;}
.akcia-cena,.product-price,.PricesalesPrice{color:var(--sks-accent);font-weight:800;font-size:18px;}
.saving-price,.save_val{color:#2e7d32;font-size:12px;font-weight:700;}
.akcia-buttons{margin-top:10px;}
.akcia-details a,.product-cart a,.addtocart_button,input.addtocart_button{
  display:inline-block;padding:8px 16px;background:var(--sks-accent);color:#fff;
  border:0;border-radius:3px;font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;cursor:pointer;text-decoration:none;
}
.akcia-details a:hover,.product-cart a:hover,input.addtocart_button:hover{
  background:var(--sks-accent-dark);text-decoration:none;color:#fff;
}
.product-status,.status_snapshot,.product-status_special{font-size:12px;color:var(--sks-muted);}

/* forms / inputs (registration, contact, newsletter) */
input[type="text"],input[type="email"],input[type="password"],textarea,select{
  padding:8px 10px;border:1px solid #cdcdcd;border-radius:3px;font-size:14px;background:#fff;max-width:100%;
}
input[type="submit"],button{cursor:pointer;}
.newsletter_module input[type="text"]{min-width:190px;}
.newsletter_send input,.newsletter_subscribe input{
  background:var(--sks-accent);color:#fff;border:0;border-radius:3px;padding:9px 16px;font-weight:700;}

/* ---- footer -------------------------------------------------------------- */
#footer_top{background:#ececec;border-top:1px solid var(--sks-line);padding:26px 0;}
#footer_top .mp_container{display:flex;flex-wrap:wrap;gap:26px;}
#footer_top .module,#footer_top .module_custmenu{flex:1;min-width:200px;margin-bottom:0;}
#footer{background:var(--sks-header);color:#bcbcbc;padding:16px 0;font-size:13px;}
#footer a{color:#e0e0e0;}
#footer a:hover{color:#fff;}
#copyright{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;}
ul.mainlevel_48{list-style:none;display:flex;gap:16px;margin:0;padding:0;}
ul.mainlevel_48 li a{color:#cfcfcf;}
#footer-links,#bottom{color:#8a8a8a;}
#bottom{background:#0f0f0f;padding:10px 0;}

/* ---- responsive ---------------------------------------------------------- */
@media(max-width:860px){
  #header-inner{flex-direction:column;align-items:flex-start;}
  ul.mainlevel-nav{overflow-x:auto;}
  .shop-category-product{width:47%;}
  table.table_featured_prod{border-spacing:8px;}
  #footer_top .mp_container{flex-direction:column;}
}
@media(max-width:520px){
  .shop-category-product{width:100%;margin:0 0 14px;}
  #logo:before,#logo:after{font-size:21px;}
}
