/* LaHome Match - frontend styles scoped only to this module. */
#lhm-match-block.lhm-match{clear:both;width:100%;box-sizing:border-box;margin:24px 0 30px;padding:0;background:#fff;font-family:Jost,Arial,sans-serif}
#lhm-match-block *{box-sizing:border-box}
#lhm-match-block .lhm-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;margin:0 0 16px}
#lhm-match-block .lhm-heading{display:block;width:100%;margin:0;padding:0 0 12px;border-bottom:1px solid #e8dfd3;color:#3b3128;font:600 16px/1.2 Jost,Arial,sans-serif;text-align:left;text-transform:none}
#lhm-match-block .lhm-tabs{display:flex;align-self:flex-start;flex:0 0 auto;border:1px solid #d9cfc2;border-radius:3px;background:#fff}
#lhm-match-block .lhm-tab{appearance:none;-webkit-appearance:none;border:0;border-right:1px solid #d9cfc2;background:#fff;color:#6f5f4b;padding:9px 17px;font:500 12px/1.1 Jost,Arial,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}
#lhm-match-block .lhm-tab:last-child{border-right:0}
#lhm-match-block .lhm-tab:hover,#lhm-match-block .lhm-tab.is-active{background:#3f342c;color:#fff}
#lhm-match-block .lhm-panel{display:none;overflow:hidden}
#lhm-match-block .lhm-panel.is-active{display:block}
#lhm-match-block .lhm-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;padding:0 0 5px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}

/* Product cards visually echo LaHome category listing cards, but stay in a single row. */
#lhm-match-block .lhm-card{position:relative;flex:1 1 0;min-width:0;max-width:none;min-height:205px;margin:0;background:#fff;border:1px solid #e3d7cb;border-radius:6px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
#lhm-match-block .lhm-card:hover{border-color:#cfb59b;box-shadow:0 4px 12px rgba(75,54,35,.08)}
#lhm-match-block .lhm-badge{display:block;padding:9px 10px 4px;color:#c1863d;font:400 10.5px/1.2 Jost,Arial,sans-serif;text-transform:none;letter-spacing:0}
#lhm-match-block .lhm-badge.is-stock{color:#39834b}
#lhm-match-block .lhm-image{display:block;position:relative;width:calc(100% - 18px);height:96px;margin:6px 9px 0;overflow:hidden;background:#fff;text-decoration:none}
#lhm-match-block .lhm-image img{display:block;width:100%;height:100%;object-fit:contain;margin:0 auto}
#lhm-match-block .lhm-card-body{padding:9px 8px 10px}
#lhm-match-block .lhm-name{display:block;height:42px;overflow:hidden;color:#5a5149;font-size:12px;line-height:14px;font-weight:400;text-decoration:none}
#lhm-match-block .lhm-name:hover{color:#8d5d3c;text-decoration:none}
#lhm-match-block .lhm-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}
#lhm-match-block .lhm-price{display:block;color:#3b3128;font-size:13px;line-height:16px;font-weight:600}
#lhm-match-block .lhm-card-cart{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #d7c9bb;border-radius:3px;background:#f5ece3;color:#9c734a;padding:0;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
#lhm-match-block .lhm-card-cart:hover{background:#ead7c3;border-color:#c9aa88;color:#7c5630}
#lhm-match-block .lhm-card-cart .lhm-card-cart-svg{display:block;width:15px;height:15px;color:#9c734a;overflow:visible}
#lhm-match-block .lhm-card-cart:hover .lhm-card-cart-svg{color:#7c5630}

/* Summary block: one vertical flow, no wrapping of label or price. */
#lhm-match-block .lhm-summary{flex:0 0 250px;min-width:250px;max-width:250px;min-height:205px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-self:stretch;padding:15px 16px;border:1px solid #ddd0c3;border-radius:4px;background:#fff}
#lhm-match-block .lhm-summary-label{display:block;margin:0 0 7px;color:#6f675d;font-size:12px;line-height:15px;white-space:nowrap}
#lhm-match-block .lhm-summary-price{display:block;margin:0 0 12px;color:#3b2d22;font-size:22px;line-height:26px;font-weight:700;white-space:nowrap}
#lhm-match-block .lhm-add-set{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid #8a633f;border-radius:3px;padding:11px 12px;background:#8a633f;color:#fff;font:700 11px/1.2 Jost,Arial,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease;text-align:center;white-space:nowrap}
#lhm-match-block .lhm-add-set:hover{background:#744e2e;border-color:#744e2e}
#lhm-match-block .lhm-add-set:disabled{opacity:.58;cursor:wait}
#lhm-match-block .lhm-set-cart-svg{display:block;flex:0 0 18px;width:18px;height:18px;color:#fff;overflow:visible}
#lhm-match-block .lhm-summary-availability{display:block;margin-top:9px;color:#5d5a55;font-size:11px;line-height:14px;font-weight:400;white-space:nowrap}
#lhm-match-block .lhm-set-status{min-height:14px;margin-top:5px;color:#777;font-size:10px;line-height:14px;text-align:center}

@media(min-width:992px){
    #lhm-match-block .lhm-row{overflow-x:hidden}
}
@media(max-width:1199px) and (min-width:992px){
    #lhm-match-block .lhm-summary{flex-basis:235px;min-width:235px;max-width:235px;padding-left:12px;padding-right:12px}
    #lhm-match-block .lhm-add-set{font-size:10px;padding-left:8px;padding-right:8px}
}
@media(max-width:991px){
    #lhm-match-block .lhm-head{align-items:flex-start;flex-direction:column;gap:10px}
    #lhm-match-block .lhm-heading{width:100%}
    #lhm-match-block .lhm-tabs{align-self:flex-start}
    #lhm-match-block .lhm-row{overflow-x:auto}
    #lhm-match-block .lhm-card{flex:0 0 142px;min-width:142px;max-width:142px}
    #lhm-match-block .lhm-summary{flex:0 0 255px;min-width:255px;max-width:255px;padding:12px 14px}
}
@media(max-width:767px){
    #lhm-match-block.lhm-match{margin:20px 0 25px}
    #lhm-match-block .lhm-tab{padding:9px 14px}
    #lhm-match-block .lhm-row{gap:8px;scroll-snap-type:x proximity}
    #lhm-match-block .lhm-card{scroll-snap-align:start}
    #lhm-match-block .lhm-summary{flex:0 0 260px;min-width:260px;max-width:260px;scroll-snap-align:start}
    #lhm-match-block .lhm-add-set{width:100%}
}

/* Cart glyph: filled basket/cart silhouette matching LaHome category cards. */
#lhm-match-block .lhm-card-cart .lhm-card-cart-svg{width:13px;height:13px;color:#a37345}
#lhm-match-block .lhm-card-cart:hover .lhm-card-cart-svg{color:#855b34}
#lhm-match-block .lhm-set-cart-svg{width:14px;height:14px;color:#fff}

/* =========================================================
   LAHOME MATCH - VZHLED v4 / 2026-08-28
   POUZE FRONTEND CSS
   ========================================================= */

/* CELÝ BLOK "Slaďte s tímto kouskem"
   stejná plocha jako aktuální newsletter:
   background #f5eee6 / border #eadfd5. */
#lhm-match-block.lhm-match {
    padding: 22px 24px !important;
    background: #f5eee6 !important;
    border: 1px solid #eadfd5 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* Produktové karty stejně jako současný výpis kategorií:
   v klidu bez viditelného rámečku.
   Transparentní 1px border drží rozměr a zabrání poskočení. */
#lhm-match-block .lhm-card {
    border: 1px solid transparent !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* Hover jako category cards:
   karta se nehýbe, objeví se pouze jemný rámeček + stín. */
@media (hover:hover) and (pointer:fine) {
    #lhm-match-block .lhm-card:hover {
        transform: none !important;
        border: 1px solid #eee4d8 !important;
        box-shadow: 0 8px 18px rgba(76,53,34,.09) !important;
    }
}

/* Souhrnný cenový blok musí zůstat v rámečku. */
#lhm-match-block .lhm-summary {
    background: #fff !important;
    border: 1px solid #ddd0c3 !important;
    box-shadow: none !important;
}

/* Na menších displejích zachováme stejnou barevnost,
   pouze lehce menší vnitřní odsazení. */
@media (max-width: 767px) {
    #lhm-match-block.lhm-match {
        padding: 16px 14px !important;
        border-radius: 12px !important;
    }
}

/* =========================================================
   LAHOME MATCH v5 - CATEGORY ACTIONS + TITLE
   2026-08-28
   ========================================================= */

/* Nadpis */
#lhm-match-block .lhm-heading {
    color:#34251c !important;
    font-family:"Jost",Arial,sans-serif !important;
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
}

/* Cena nahoře, akce až pod ní. */
#lhm-match-block .lhm-card-bottom {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:7px !important;
    margin-top:8px !important;
}

#lhm-match-block .lhm-price {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    color:#3b3128 !important;
    font-size:13px !important;
    line-height:16px !important;
    font-weight:600 !important;
}

/* Stejná skladba jako product-list.tpl: velký košík + malé srdce vedle. */
#lhm-match-block .lhm-card-actions {
    display:flex !important;
    width:100% !important;
    min-height:38px !important;
    align-items:stretch !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
}

/* DO KOŠÍKU - vizuál podle category cards. */
#lhm-match-block .lhm-card-cart {
    position:relative !important;
    display:flex !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:38px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 8px !important;
    color:#765333 !important;
    background:#f4e7d4 !important;
    background-image:none !important;
    border:1px solid #ead8c0 !important;
    border-radius:7px !important;
    box-shadow:none !important;
    font-family:"Jost",Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    cursor:pointer !important;
}

/* Stejná FontAwesome cart ikona jako product listing. */
#lhm-match-block .lhm-card-cart:before {
    content:"\f07a" !important;
    display:inline-block !important;
    font-family:FontAwesome !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:normal !important;
    color:currentColor !important;
}

#lhm-match-block .lhm-card-cart-label {
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
    background:none !important;
    font:inherit !important;
    line-height:1 !important;
}

@media (hover:hover) and (pointer:fine) {
    #lhm-match-block .lhm-card-cart:hover {
        color:#fff !important;
        background:#9a7150 !important;
        border-color:#9a7150 !important;
    }
}

/* Malé wishlist srdíčko:
   bílé normálně, hnědé na hover. */
#lhm-match-block .lhm-card-wishlist,
#lhm-match-block .lhm-card-wishlist:visited {
    display:inline-flex !important;
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    color:#9a6f49 !important;
    background:#fff !important;
    background-image:none !important;
    border:1px solid #eedbc0 !important;
    border-radius:7px !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

#lhm-match-block .lhm-card-wishlist:before {
    content:"\f08a" !important;
    font-family:FontAwesome !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:normal !important;
}

@media (hover:hover) and (pointer:fine) {
    #lhm-match-block .lhm-card-wishlist:hover {
        color:#fff !important;
        background:#9a7150 !important;
        border-color:#9a7150 !important;
        text-decoration:none !important;
    }
}

#lhm-match-block .lhm-sr-only {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    border:0 !important;
}

/* Původní SVG už ve v5 není v jednotlivé produktové kartě. */
#lhm-match-block .lhm-card-cart-svg {
    display:none !important;
}

@media (max-width:767px) {
    #lhm-match-block .lhm-heading {
        font-size:19px !important;
    }

    #lhm-match-block .lhm-card-actions {
        min-height:34px !important;
        gap:4px !important;
    }

    #lhm-match-block .lhm-card-cart {
        height:34px !important;
        padding:0 5px !important;
        font-size:8.7px !important;
    }

    #lhm-match-block .lhm-card-cart:before {
        font-size:10px !important;
    }

    #lhm-match-block .lhm-card-wishlist,
    #lhm-match-block .lhm-card-wishlist:visited {
        flex-basis:34px !important;
        width:34px !important;
        height:34px !important;
    }

    #lhm-match-block .lhm-card-wishlist:before {
        font-size:13px !important;
    }
}