/* =========================================================
   DS Market – mobilní zobrazení (jen do 767 px)
   mobile-home.css  (patří k mobile-home.js)
   Na desktopu se nic nemění – vše je uvnitř media query
   a vložené bloky jsou mimo ni skryté.
   ========================================================= */

/* značka pro JS: bez načteného CSS se nic nepřestaví */
:root{--dsm-mh-css:1}

.dsm-mh-only{display:none}

/* ---------- Patička – platí pro desktop i mobil ---------- */
/* tlačítko „Napsat nám“: bílé pozadí mělo světlý text */
#dsf a.dsf-b:not(.dsf-bo),
#dsf a.dsf-b:not(.dsf-bo):visited{color:#1F5A2E !important; font-weight:700}
#dsf a.dsf-b:not(.dsf-bo):hover,
#dsf a.dsf-b:not(.dsf-bo):focus{color:#123D23 !important; background:#EAF4EC !important}

/* identifikace provozovatele – řádek pod sloupci patičky, zarovnaný s nimi */
.dsm-mh-legal{
  display:flex; flex-wrap:wrap; gap:4px 22px;
  margin:30px 0 0; padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:13px; line-height:1.5; color:rgba(234,244,236,.78);
}
.dsm-mh-legal strong{color:#EAF4EC; font-weight:700}

/* spodní řádek (Copyright, cookies) zarovnat se sloupci patičky */
#dsf .dsf-legal-row.dsf-legal-row{
  width:100% !important; max-width:none !important; box-sizing:border-box !important;
  padding:14px max(24px, calc(50% - 576px)) !important;
}

@media (max-width:767px){

  .dsm-mh-only{display:block}

  /* ---------- 1) Vyhledávání vždy viditelné (celý web) ---------- */
  .dsm-mh-search{
    position:relative; z-index:50; /* našeptávač musí být nad obsahem */
    margin:-10px 0 12px;
    padding:10px 0 4px;
    background:#fff;
  }
  .dsm-mh-search .search{
    position:relative !important;
    top:auto !important; left:auto !important; right:auto !important;
    width:auto !important; height:auto !important;
    padding:0 !important; margin:0 !important;
    background:none !important; box-shadow:none !important;
    display:block !important; visibility:visible !important; opacity:1 !important;
    transform:none !important; z-index:20 !important; overflow:visible !important;
  }
  .dsm-mh-search .search-form{position:relative; display:block !important; height:auto !important; margin:0 !important}
  .dsm-mh-search .search-form fieldset{
    display:flex !important; align-items:center; gap:6px;
    height:50px; margin:0; padding:0 4px 0 12px !important;
    border:2px solid #1B7A1A; border-radius:12px; background:#fff;
    box-sizing:border-box;
  }
  .dsm-mh-search .search-form fieldset::before{
    content:""; flex:none; width:20px; height:20px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B655D' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .dsm-mh-search .search-input{
    flex:1 1 auto; min-width:0;
    height:44px !important; padding:0 4px !important; margin:0 !important;
    border:0 !important; box-shadow:none !important; outline:0;
    background:transparent !important;
    font-size:16px !important; /* 16px = iOS nezoomuje */
    color:#1D261F;
  }
  .dsm-mh-search .search-form button[type="submit"]{
    flex:none; height:38px; padding:0 14px !important; margin:0 !important;
    border:0 !important; border-radius:8px !important;
    background:#1B7A1A !important; color:#fff !important;
    font-weight:700; font-size:15px; line-height:38px;
    position:static !important; width:auto !important;
  }
  /* našeptávač a "Oblíbené hledání" pod polem */
  .dsm-mh-search .search-whisperer,
  .dsm-mh-search .dsm-search-pop{top:calc(100% + 6px) !important; left:0 !important; right:0 !important; width:auto !important}
  /* původní vyskakovací stav hledání vypnout */
  body.dsm-mh-has-search.search-window-visible .user-action{display:none !important}

  /* ---------- 2) Homepage – skryté původní bloky ---------- */
  body.type-index.dsm-mh-on .dsm-usp,
  body.type-index.dsm-mh-on #content .banners-row,
  body.type-index.dsm-mh-on .ds-home-categories,
  body.type-index.dsm-mh-on .welcome-wrapper,
  body.type-index.dsm-mh-on .homepage-blog-wrapper,
  body.type-index.dsm-mh-on .dsf-s{display:none !important}

  /* ---------- 3) Výhody pod vyhledáváním ---------- */
  .dsm-mh-usp{
    list-style:none; margin:0 0 18px; padding:0;
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px;
  }
  .dsm-mh-usp li{
    display:flex; align-items:center; gap:6px;
    padding:8px 6px; border-radius:10px; background:#EAF3E8;
    color:#214D32; font-size:12.5px; font-weight:600; line-height:1.2;
  }
  .dsm-mh-usp svg{flex:none; width:18px; height:18px}

  /* ---------- 4) Dlaždice kategorií ---------- */
  .dsm-mh-cats{margin:0 0 26px}
  .dsm-mh-h{margin:0 0 12px; font-size:20px; line-height:1.25; font-weight:800; color:#214D32}
  .dsm-mh-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
  .dsm-mh-tile{
    display:flex; flex-direction:column; gap:8px; min-height:92px; box-sizing:border-box;
    padding:14px; border:1px solid #E1E8DF; border-radius:14px; background:#fff;
    color:#1D261F !important; text-decoration:none !important;
  }
  .dsm-mh-tile:active{background:#F4F8F3}
  .dsm-mh-tag{
    align-self:flex-start; padding:3px 8px; border-radius:6px;
    background:#EAF3E8; color:#214D32; font-size:12px; font-weight:800; letter-spacing:.3px;
  }
  .dsm-mh-tile--main .dsm-mh-tag{background:#1B7A1A; color:#fff}
  .dsm-mh-tile span:last-child{font-size:15.5px; font-weight:700; line-height:1.25}
  .dsm-mh-more{display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:10px; font-size:14px}
  .dsm-mh-more a{color:#1B7A1A; font-weight:600; padding:8px 0; text-decoration:none}

  /* ---------- 5) Novinky – jen zkrácení hlavičky ---------- */
  body.type-index.dsm-mh-on .dsm-news__sub{display:none}

  /* ---------- 6) Prodejna ---------- */
  .dsm-mh-store{
    margin:24px 0 0; padding:16px; border:1px solid #E1E8DF; border-radius:14px; background:#fff;
  }
  .dsm-mh-store h2{margin:0 0 8px; font-size:18px; font-weight:800; color:#214D32}
  .dsm-mh-store h2 a{color:inherit; text-decoration:none}
  .dsm-mh-store p{margin:0 0 4px; font-size:14.5px; line-height:1.4; color:#3A443C}
  .dsm-mh-store__rating{display:inline-block; margin:6px 0 12px}
  .dsm-mh-store__rating img{height:34px; width:auto; display:block}
  .dsm-mh-btns{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
  .dsm-mh-btn{
    display:flex; align-items:center; justify-content:center; gap:6px;
    height:46px; border-radius:10px; box-sizing:border-box;
    font-size:15px; font-weight:700; text-decoration:none !important;
  }
  .dsm-mh-btn svg{width:18px; height:18px}
  .dsm-mh-btn--fill{background:#1B7A1A; color:#fff !important}
  .dsm-mh-btn--line{border:2px solid #1B7A1A; color:#1B7A1A !important}

  /* ---------- 7) Článek ---------- */
  .dsm-mh-article{margin:24px 0 8px}
  .dsm-mh-article a{
    display:flex; align-items:center; gap:12px; padding:12px;
    border:1px solid #E1E8DF; border-radius:14px; background:#fff;
    color:#1D261F !important; text-decoration:none !important;
  }
  .dsm-mh-article img{flex:none; width:64px; height:64px; object-fit:cover; border-radius:10px}
  .dsm-mh-article b{display:block; font-size:15.5px; line-height:1.3}
  .dsm-mh-article small{display:block; margin-top:3px; font-size:13px; color:#4F5951}
  .dsm-mh-article svg{flex:none; width:20px; height:20px; margin-left:auto}

  /* ---------- 8) Patička ---------- */
  .dsm-mh-hide{display:none !important}
  .dsm-mh-legal{flex-direction:column; gap:2px; margin-top:24px}
}