/*
Theme Name: Flatsome SH (child)
Theme URI: https://tranhtheutaysh.com
Description: Child theme của Flatsome. Chuyển các chức năng riêng từ theme edensaigon: taxonomy phan-loai, sản phẩm jCommerce, đặt hàng, liên hệ, tìm kiếm theo SKU, sidebar, meta/tracking.
Author: SH Vietnam
Template: flatsome
Version: 1.0.0
Text Domain: woothemes
*/

/* CSS tuỳ chỉnh nằm trong assets/css/sh.css */

/* Flatsome SH - style bổ sung */
.sh-products{margin:0 -7px}
.sh-product{padding:0 7px 20px;float:left;width:33.333%;box-sizing:border-box}
@media(max-width:849px){.sh-product{width:50%}}
.sh-product .box-image img{width:100%;height:auto;display:block}
.sh-product h3,.sh-product .sh-title{font-size:14px;margin:8px 0 2px;text-align:center}
.sh-product .sh-title a{color:#03570d}
.sh-product .sh-sku,.sh-product .sh-price{text-align:center;font-size:13px;color:#756e42}
.list-product:after,.sh-products:after{content:"";display:block;clear:both}
.sh-pagination{text-align:center;margin:20px 0}
.sh-pagination a,.sh-pagination span{display:inline-block;padding:4px 10px;margin:0 2px;border:1px solid #ddd;color:#03570d}
.sh-pagination .current{background:#03570d;color:#fff;border-color:#03570d}
.sh-side-block{margin-bottom:20px}
.sh-side-block h3{background:#03570d;color:#fff;padding:8px 10px;font-size:15px;margin:0 0 8px}
.sh-side-block ul{list-style:none;margin:0;padding:0}
.sh-side-block li a{display:block;padding:5px 8px;border-bottom:1px solid #eee}
.sh-videos a,.sh-video-link{position:relative;display:block;margin-bottom:8px}
.sh-videos img{width:100%;display:block}
.sh-video-overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.25)}
.sh-btn,.sh-buy{background:#03570d;color:#fff;border-radius:3px}
.sh-btn:hover{background:#756e42;color:#fff}
.sh-tabs-nav{list-style:none;margin:20px 0 0;padding:0;border-bottom:2px solid #03570d;display:flex}
.sh-tabs-nav li{margin:0}
.sh-tabs-nav a{display:block;padding:8px 16px;background:#eee;color:#333}
.sh-tabs-nav li.active a{background:#03570d;color:#fff}
.sh-tab-pane{display:none;padding:15px 0}
.sh-tab-pane.active{display:block}
.sh-alert{padding:10px 14px;margin-bottom:12px;border-radius:3px}
.sh-alert-success{background:#dff0d8;color:#2d6a1e}
.sh-alert-error{background:#f8d7da;color:#842029}
.sh-popup-box{width:600px;max-width:100%}
.sh-single-product .cloud-zoom img{max-width:100%;height:auto}
.sh-map iframe{width:100%;height:400px;border:0}
.sh-company-info{font-size:14px}

/* Hộp chọn ngôn ngữ */

.sh-lang-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.sh-lang-modal[hidden]{display:none}
.sh-lang-box{position:relative;background:#fff;width:100%;max-width:420px;padding:28px 24px 24px;border-radius:4px}
.sh-lang-box h2{font-size:22px;margin:0 0 16px;text-align:center}
.sh-lang-close{position:absolute;right:10px;top:6px;background:none;border:0;font-size:28px;cursor:pointer;color:#333}
.sh-lang-list{list-style:none;margin:0;padding:0}
.sh-lang-list li{margin:0}
.sh-lang-list a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eee;color:#222}
.sh-lang-list a:hover{background:#f4f4f4}
.sh-lang-list .is-current a{font-weight:700;color:#03570d}
.sh-lang-box h2{padding:0 28px}
.sh-lang-field{position:relative;border:1px solid #333;padding:6px 12px 8px;margin-bottom:16px;background:#faf9f7}
.sh-lang-field label{display:block;font-size:14px;color:#555;margin:0}
.sh-lang-sel{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;box-shadow:none;margin:0;padding:2px 0;font-size:18px;color:#222;cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;min-height:0;line-height:1.4}
.sh-lang-sel:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg) translateY(-2px)}
.sh-lang-sel img,.sh-lang-opts img{width:24px;height:16px;object-fit:cover;flex:none}
.sh-lang-opts{position:absolute;left:-1px;right:-1px;top:100%;z-index:5;list-style:none;margin:0;padding:0;background:#fff;border:1px solid #333;border-top:0;max-height:260px;overflow:auto}
.sh-lang-opts[hidden]{display:none}
.sh-lang-opts li{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:17px;cursor:pointer}
.sh-lang-opts li:hover{background:#eee}
.sh-lang-opts li[aria-selected=true]{font-weight:700;color:#03570d}
.sh-lang-update{display:block;width:100%;background:#222;color:#fff;border:0;padding:16px;font-size:18px;font-weight:600;cursor:pointer;margin:0}
.sh-lang-update:hover{background:#03570d}

/* Nút ngôn ngữ tròn chỉ có lá cờ */
.sh-lang-round{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:0;padding:0;margin:0;border:0;border-radius:50%;overflow:hidden;background:#f2f2f2;color:#222;line-height:0;cursor:pointer;box-shadow:none;text-transform:none;vertical-align:middle}
.sh-lang-round:hover{opacity:.85;background:#f2f2f2;color:#222}
.sh-lang-round img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sh-lang-btn{position:fixed;right:16px;bottom:16px;z-index:9990;width:48px;height:48px;box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* Header kiểu Saatchi: ô tìm kiếm xám bo góc có kính lúp + cờ tròn */
.header form.sh-searchform{position:relative;width:340px;max-width:100%;margin:0 !important}
.header form.sh-searchform .search_main{margin:0}
.header form.sh-searchform input.field.s,
.header form.sh-searchform input[name="s"]{display:block;width:100%;height:50px;margin:0 !important;padding:0 16px 0 52px !important;border:0 !important;border-radius:4px;background:#f1f1f1 !important;box-shadow:none !important;font-size:17px;color:#222}
.header form.sh-searchform input[name="s"]::placeholder{color:#666;opacity:1}
.header form.sh-searchform input[name="s"]:focus{background:#ebebeb !important;outline:0}
.header form.sh-searchform input.search-submit,
.header form.sh-searchform input[type="submit"]{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0;font-size:0 !important;color:transparent !important;cursor:pointer;box-shadow:none !important;min-height:0;
background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.8' stroke-linecap='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.3-4.3'/></svg>") center/26px 26px no-repeat !important}
.header li.html .sh-lang-round{width:38px;height:38px;background:transparent}
.header .header-nav li.html{margin-left:14px}