/* =========================================================
   VERSOTRADE – modernizace vzhledu (2026)
   Sjednocení s webem versotrade.com (WordPress / Divi)
   Tento soubor se načítá JAKO POSLEDNÍ a jen přepisuje vzhled.
   Struktura HTML zůstává beze změny.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:wght@400;500;600&display=swap&subset=latin-ext');

:root{
  --vt-dark:#212121;
  --vt-red:#cc3535;
  --vt-red-dark:#a82a2a;
  --vt-text:#666666;
  --vt-heading:#1a1a1a;
  --vt-light:#f7f7f7;
  --vt-line:#e6e6e6;
  --vt-shadow:0 6px 30px rgba(0,0,0,.08);
  --vt-shadow-hover:0 12px 40px rgba(0,0,0,.14);
  --vt-head:'Montserrat',Helvetica,Arial,sans-serif;
  --vt-body:'Open Sans',Arial,sans-serif;
}

/* ---------- Základ ---------- */
body{ background:#fff; font-family:var(--vt-body); color:var(--vt-text); font-size:14px; -webkit-font-smoothing:antialiased; }
body, body p, body div, body td, body li{ font-family:var(--vt-body); }
a{ transition:color .2s, background-color .2s, box-shadow .2s, transform .2s; }

/* ---------- Hlavička ---------- */
#header{ background:var(--vt-dark) !important; border-bottom:0; height:110px; box-shadow:0 2px 30px rgba(0,0,0,.18); }
#header .header .logo{ top:14px; }
#header .header .logo img{ margin-top:6px; max-height:82px; width:auto; }
#header .header .head_r .share{ padding-top:14px; }
#header .header .head_r .share ul li img{ width:22px; height:22px; opacity:.75; filter:grayscale(1) brightness(2); }
#header .header .head_r .share ul li a:hover img{ opacity:1; filter:none; }
#header .header .head_r .head_nav{ padding-top:22px; }
#header .header .head_r .head_nav ul li{ margin-left:6px; border-radius:0; }
#header .header .head_r .head_nav ul li a{
  background:transparent; border-radius:0; font-family:var(--vt-head); font-weight:600;
  font-size:14px; letter-spacing:.06em; text-transform:uppercase; padding:0 14px; position:relative;
}
#header .header .head_r .head_nav ul li a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:4px; height:2px;
  background:var(--vt-red); transform:scaleX(0); transition:transform .25s;
}
#header .header .head_r .head_nav ul li a:hover{ background:transparent; color:#fff; }
#header .header .head_r .head_nav ul li a:hover::after{ transform:scaleX(1); }
.yuyan_txt{ font-family:var(--vt-body); color:#ddd !important; }
#header .header .menu_button{ background:var(--vt-red); border-radius:3px; }
.head_nav1 ul li a{ background:rgba(33,33,33,.96); font-family:var(--vt-head); font-weight:600; font-size:14px; }
.head_nav1 ul li a:hover{ background:var(--vt-red); }

/* ---------- Úvodní slider ---------- */
#banner{ background:#fff; }

/* ---------- Úvod: 4 dlaždice kategorií ---------- */
#index_main{ background:var(--vt-light) !important; padding:60px 0; }
#index_main .index_main .m1{
  background:#fff; border-radius:0; overflow:hidden; box-shadow:var(--vt-shadow);
  transition:box-shadow .25s, transform .25s;
}
#index_main .index_main a:hover .m1{ box-shadow:var(--vt-shadow-hover); transform:translateY(-4px); }
#index_main .index_main .m1 img{ border-radius:0 !important; }
#index_main [class^="z"]{ font-family:var(--vt-head) !important; font-weight:700; letter-spacing:.04em; }

/* ---------- Proč si vybrat Versotrade ---------- */
.why{ background:#fff !important; padding:70px 0; }
.why_txt, .news_txt, .fro_txt, .brand_txt{
  font-family:var(--vt-head) !important; font-weight:600; color:var(--vt-heading) !important;
  font-size:36px; letter-spacing:-.01em;
}
.why_red{ width:64px; height:3px; background:var(--vt-red); margin:18px auto 8px; }
.why_6{ margin-top:50px; }
.why_6box img{ transition:transform .25s; }
.why_6box:hover img{ transform:translateY(-4px); }
.why_6txt{ font-family:var(--vt-head) !important; font-weight:600; font-size:13px; color:var(--vt-heading); }
.why_6box:hover .why_6txt{ color:var(--vt-red); }

/* ---------- Aktuality ---------- */
.news{ background:var(--vt-light) !important; }
.news_xiaobox{ border:0; padding:0; background:#fff; box-shadow:var(--vt-shadow); transition:box-shadow .25s, transform .25s; overflow:hidden; }
.news_xiaobox:hover{ box-shadow:var(--vt-shadow-hover); transform:translateY(-4px); }
.news_l_txt{ font-family:var(--vt-head) !important; font-weight:600; color:var(--vt-heading); font-size:14px; padding:14px 16px 18px; }
.news_r_txt1 a{ font-family:var(--vt-head) !important; font-weight:600; color:var(--vt-heading); }
.news_r_txt3{ color:var(--vt-red); font-family:var(--vt-head) !important; font-weight:600; }

/* ---------- Naše produkty ---------- */
.fro{ background:var(--vt-dark) !important; }
.fro_txt{ color:#fff !important; }
.fro_txt1{ font-family:var(--vt-body) !important; color:#cfcfcf; font-size:17px; }
.fro_xiaobox{ box-shadow:0 6px 24px rgba(0,0,0,.35); transition:transform .25s; }
.fro_xiaobox:hover{ margin-top:0; transform:translateY(-6px); }
.fro_up{ background:#fff; color:var(--vt-heading); font-family:var(--vt-head) !important; font-weight:700; font-size:14px; height:72px; line-height:20px; padding:0 12px; box-sizing:border-box; border-bottom:3px solid var(--vt-red); display:flex; align-items:center; justify-content:center; text-align:center; }
.fro_xiaobox:hover .fro_up{ background:var(--vt-red); color:#fff; }

/* ---------- Partneři ---------- */
.brand{ background:#fff !important; }
.brand img{ filter:grayscale(1); opacity:.7; transition:filter .25s, opacity .25s; }
.brand img:hover{ filter:none; opacity:1; }

/* ---------- Drobečková navigace ---------- */
.location{ background:var(--vt-light); border-bottom:1px solid var(--vt-line); }
.location h4, .location h4 a{ font-family:var(--vt-body); font-size:13px; color:#888; }
.location h4 a:hover{ color:var(--vt-red); }

/* ---------- Detail stroje ---------- */
.pro_box{ background:#fff; padding-bottom:60px; }
.details_left_img{ border:0; box-shadow:var(--vt-shadow); background:#fff; }
.details_left_bottomimg_xiao{ border:2px solid transparent; }
.details_left_bottomimg_xiao:hover, .details_left_bottomimg_xiao_hover{ border-color:var(--vt-red) !important; }
.details_right_title{
  font-family:var(--vt-head) !important; font-weight:700; color:var(--vt-heading);
  font-size:30px; line-height:1.25; letter-spacing:-.01em; padding-bottom:14px; margin-bottom:10px;
  border-bottom:3px solid var(--vt-red); display:inline-block; width:auto;
}
.details_right_title p{ display:none; }
.parameter_title{
  font-family:var(--vt-head) !important; font-weight:600; font-size:16px; letter-spacing:.04em;
  text-transform:uppercase; color:var(--vt-heading); text-align:left;
  border:0; border-bottom:1px solid var(--vt-line); padding:14px 40px 14px 0; line-height:1.4;
  margin-top:0; position:relative;
}
.parameter_title::after{
  content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%);
  font-size:22px; font-weight:500; color:var(--vt-red);
}
.parameter_title:hover{ color:var(--vt-red); }
.parameter_textbox{ color:var(--vt-text); font-size:14px; line-height:1.7; padding:10px 0 20px; }
.parameter_textbox table{ max-width:100%; }
.parameter_textbox table td{ border:1px solid var(--vt-line) !important; padding:6px 10px; }
.parameter_textbox table tr:nth-child(even) td{ background:var(--vt-light); }

/* ---------- Patička ---------- */
#footer{ background:var(--vt-dark) !important; border-top:3px solid var(--vt-red); padding:30px 0 10px; }
#footer *{ color:#cfcfcf; }
#footer .footer_l_txt, #footer .footer_z_txt, #footer .footer_r_txt{
  font-family:var(--vt-head) !important; font-weight:700; color:#fff !important; letter-spacing:.04em; text-transform:uppercase; font-size:16px;
}
#footer a:hover, #footer a:hover *{ color:#fff !important; }
#footer strong{ color:#fff !important; font-weight:600; }

/* ---------- Tlačítka obecně ---------- */
button, input[type="submit"], .btn, a.more{
  background:var(--vt-red); color:#fff; border:0; border-radius:3px;
  font-family:var(--vt-head); font-weight:600; letter-spacing:.04em;
}
button:hover, input[type="submit"]:hover{ background:var(--vt-red-dark); }

/* ---------- Kategorie strojů (levé menu, nadpisy výrobců) ---------- */
.neiye_downtxt1{ border-bottom:1px solid var(--vt-line); }
.neiye_downtxt1 div.current, .neiye_downtxt2.current{ background:var(--vt-dark) !important; border-left:4px solid var(--vt-red); border-radius:0; }
.neiye_downtxt2 a{ font-family:var(--vt-head) !important; font-weight:600; font-size:14px; letter-spacing:.03em; text-transform:uppercase; }
.neiye_downtxt1 div.current a, .neiye_downtxt2.current a{ color:#fff !important; }
.zuo_li{ background:none; }
li.zuo_lida{ background:var(--vt-dark) !important; border-radius:0 !important; border-left:4px solid var(--vt-red); padding:4px 0 4px 10px !important; margin-top:8px; }
li.zuo_lida h3 a{ color:#fff !important; font-family:var(--vt-head) !important; font-weight:600; text-transform:uppercase; letter-spacing:.04em; font-size:13px; }
li.zuo_lida h3 a::before{ content:none; }
.zuo_li h3 a{ font-family:var(--vt-body) !important; font-weight:600; color:#555; transition:color .2s; }
.zuo_li h3 a::before{ content:"› "; color:var(--vt-red); }
.zuo_li h3 a:hover{ color:var(--vt-red); }
.pro_main a, .pro_main a strong{ color:var(--vt-heading); text-decoration:none; }
.pro_main a:hover, .pro_main a:hover strong{ color:var(--vt-red); }
.pro_main a strong{ font-family:var(--vt-head); font-weight:700; }
.neiye_up{ background:var(--vt-dark); border-left:4px solid var(--vt-red); }
.neiye_uptxt{ font-family:var(--vt-head); font-weight:600; font-size:16px; }
.neiye_downtxt{ color:var(--vt-red); border-left-color:var(--vt-red); }

/* ---------- Mobil / tablet ---------- */
@media screen and (max-width:1024px){
  #header .header .menu_button{ top:24px; position:absolute; right:12px; width:44px; height:40px; display:flex; align-items:center; justify-content:center; }
}
@media screen and (max-width:775px){
  #header{ height:auto; min-height:76px; }
  #header .header{ display:flex; align-items:center; justify-content:flex-start; min-height:76px; }
  #header .header .logo a{ display:block; }
  #header .header .logo{ position:static; width:auto; text-align:left; padding:8px 0 8px 14px; }
  #header .header .logo img{ max-height:56px; max-width:none !important; width:auto !important; margin:0; }
  #header .header .head_r{ position:absolute; right:68px; top:24px; width:auto; }
  .yuyan_txt, .yuyan_3{ display:none !important; }
  #header .header .head_r .head_r_01{ float:none; }
  #header .header img.down_search{ display:none !important; }
  #header .header .menu_button{ top:18px; }
  .head_nav1{ top:76px !important; }
  .why_txt, .news_txt, .fro_txt, .brand_txt{ font-size:24px; line-height:1.3; }
  .details_right_title{ font-size:22px; }
  #index_main{ padding:30px 0; }
  .why{ padding:40px 0; }
}

/* ---------- Kontaktní formulář v patičce ---------- */
#footer .footer_r{ margin-top:28px; }
#footer .footer_r_txt{ font-size:16px; margin-bottom:6px; }
#footer .footer_r input, #footer .footer_r textarea{
  width:100%; max-width:300px; box-sizing:border-box; background:#2c2c2c; border:1px solid #3a3a3a; border-radius:3px;
  color:#fff !important; font-family:var(--vt-body); font-size:14px; padding:9px 12px; height:auto; line-height:1.4; margin-top:8px;
}
#footer .footer_r textarea{ height:100px; resize:vertical; }
#footer .footer_r input:focus, #footer .footer_r textarea:focus{ outline:none; border-color:var(--vt-red); }
#footer .footer_r input::placeholder, #footer .footer_r textarea::placeholder{ color:#9a9a9a; }
#footer .footer_r_bnt{
  width:100%; max-width:300px; height:auto; background:var(--vt-red) !important; color:#fff !important; border:0; border-radius:3px;
  font-family:var(--vt-head); font-weight:600; letter-spacing:.06em; font-size:14px; padding:11px 0; line-height:1.2; margin-top:10px; cursor:pointer;
}
#footer .footer_r_bnt:hover{ background:var(--vt-red-dark) !important; }
#footer .footer_r_bnt:disabled{ opacity:.6; cursor:wait; }
.vt-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
#footer .vt-form-note{ font-size:11px; color:#8a8a8a !important; max-width:300px; line-height:1.4; margin-top:8px; }
#footer .vt-form-msg{ max-width:300px; font-size:13px; line-height:1.4; margin-top:10px; }
#footer .vt-form-msg.vt-ok{ color:#7ddc84 !important; }
#footer .vt-form-msg.vt-err{ color:#ff8a8a !important; }
@media screen and (max-width:850px){
  #footer .footer_r{ display:block !important; width:auto !important; float:none; clear:both; margin:30px 10% 20px !important; box-sizing:border-box; }
  #footer .footer_r input, #footer .footer_r textarea, #footer .footer_r_bnt, #footer .vt-form-msg, #footer .vt-form-note{ max-width:none; }
}

/* menu se 7 položkami (3 skupiny strojů + …) – ať se vejde vedle loga ve všech jazycích */
#header .header .head_r .head_nav ul li{ margin-left:1px; }
#header .header .head_r .head_nav ul li a{ font-size:12.5px; letter-spacing:.02em; padding:0 8px; }
html[lang="pl"] #header .header .head_r .head_nav ul li a, html[lang="en"] #header .header .head_r .head_nav ul li a{ font-size:11.5px; letter-spacing:0; padding:0 6px; }
@media screen and (min-width:1300px){
  #header .header{ width:1240px; }
}
@media screen and (min-width:1025px) and (max-width:1299px){
  #header .header .head_r .head_nav ul li a{ font-size:11.5px; letter-spacing:0; padding:0 5px; }
  html[lang="pl"] #header .header .head_r .head_nav ul li a, html[lang="en"] #header .header .head_r .head_nav ul li a{ font-size:10.5px; letter-spacing:0; padding:0 3px; }
}