/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.6
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

.no-coloumn-gap .elementor-widget-wrap{
    padding: 0px !important;
}

/* =========================================================
   Home page block layout (.hp-*) đã CHUYỂN sang plugin "Bebe Blocks":
   wp-content/plugins/bebe-blocks/assets/bebe-blocks.css
   Plugin tự nạp CSS đó ở cả frontend lẫn block editor.
   Bật plugin "Bebe Blocks" để trang chủ có style.
   ========================================================= */

/* =========================================================
   Nút CTA xanh lá dùng chung cho các trang nội dung
   (Contact, About...) — dựng bằng core Button block
   ========================================================= */
.contact-hero .wp-block-button__link,
.about-page .wp-block-button__link {
	background-color: #2f5d3f;
	color: #fff;
	border: 2px solid #2f5d3f;
	border-radius: 6px;
	padding: .85em 1.7em;
	font-weight: 700;
	letter-spacing: .01em;
	transition: background-color .18s ease, border-color .18s ease;
}
.contact-hero .wp-block-button__link:hover,
.contact-hero .wp-block-button__link:focus,
.about-page .wp-block-button__link:hover,
.about-page .wp-block-button__link:focus {
	background-color: #24492f;
	border-color: #24492f;
	color: #fff;
}

/* =========================================================
   Trang Contact  (page /contact-us/, core blocks)
   Bọc group ngoài cùng bằng class .contact-hero
   ========================================================= */
.contact-hero {
	max-width: 680px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4.5rem 1.25rem;
	text-align: center;
}
.contact-hero > h1 { margin: 0 0 .8rem; }
.contact-hero > p { margin: 0 auto; max-width: 34rem; line-height: 1.7; }
.contact-hero .wp-block-buttons { margin-top: 1.75rem; }
.contact-hero .contact-help { margin-top: 1.75rem; font-size: .9rem; opacity: .75; }

@media (max-width: 600px) {
	.contact-hero { padding: 3rem 1.25rem; }
}

/* =========================================================
   Trang About  (page /about/, core blocks)
   Bọc group ngoài cùng bằng class .about-page
   ========================================================= */
.about-page {

	margin: 0 auto;
	box-sizing: border-box;
	padding: 2.5rem 0;
}
.about-page > h1 {
	font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.375rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-transform: uppercase;
	margin: 1.6rem 0 1rem;
}
.about-page h2 {
	font-size: clamp(1.2rem, 1rem + .8vw, 1.5rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 2.4rem 0 .8rem;
}
.about-page p { line-height: 1.75; margin: .7rem 0; }
.about-page ul { line-height: 1.7; margin: .8rem 0 1.2rem; padding-left: 1.15rem; }
.about-page li { margin: .45rem 0; }
.about-page .about-banner { margin: 0; }
.about-page .about-banner img {
	width: 100%;
	max-height: 380px;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 8px;
	display: block;
}
.about-page .wp-block-buttons { margin: 2rem 0 1rem; }
.about-page .about-help { margin-top: 1.5rem; font-size: .9rem; opacity: .75; }

@media (max-width: 600px) {
	.about-page .about-banner img { max-height: 260px; }
}

/* =========================================================
   Trang Customer Help  (page /customer-help/, core blocks)
   Bọc group ngoài cùng bằng class .customer-help
   ========================================================= */
.customer-help {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 2.5rem 0 4rem;
}
.customer-help > h1 {
	font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.375rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-transform: uppercase;
	margin: 0 0 1.5rem;
}
.customer-help > h2 {
	font-size: clamp(1.1rem, .95rem + .6vw, 1.3rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 2.6rem 0 .9rem;
	padding-bottom: .5rem;
	border-bottom: 2px solid #e6e6e6;
}
.customer-help .wp-block-details {
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: .95rem 1.15rem;
	margin: .55rem 0;
}
.customer-help .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	line-height: 1.45;
	list-style-position: inside;
}
.customer-help .wp-block-details[open] summary { margin-bottom: .75rem; }
.customer-help .wp-block-details h3 {
	font-size: .95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin: 1.1rem 0 .4rem;
}
.customer-help .wp-block-details p { line-height: 1.7; margin: .55rem 0; }
.customer-help .wp-block-details ul { line-height: 1.7; margin: .6rem 0; padding-left: 1.2rem; }
.customer-help .wp-block-details li { margin: .35rem 0; }
.customer-help .wp-block-details a { color: #2f5d3f; text-decoration: underline; }

/* =========================================================
   Trang Orders Tracking  (page /orders-tracking/)
   Đoạn dẫn phía trên form tra cứu của plugin
   ========================================================= */
.orders-tracking-intro { margin: 0 0 1.75rem; }
.orders-tracking-intro p { line-height: 1.7; margin: .6rem 0; }
.orders-tracking-intro a { color: #2f5d3f; text-decoration: underline; }

/* =========================================================
   Trang chính sách  (Return & Refund — /return-refund-policy/)
   Bọc group ngoài cùng bằng class .policy-page
   ========================================================= */
.policy-page {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 2.5rem 0;
}
.policy-page > h1 {
	font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.375rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-transform: uppercase;
	margin: 0 0 1.4rem;
}
.policy-page h2 {
	font-size: clamp(1.1rem, .95rem + .6vw, 1.3rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 2.4rem 0 .7rem;
}
.policy-page h3 {
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 1.6rem 0 .4rem;
}
.policy-page p { line-height: 1.75; margin: .7rem 0; }
.policy-page ul,
.policy-page ol { line-height: 1.7; margin: .7rem 0 1.1rem; padding-left: 1.3rem; }
.policy-page li { margin: .4rem 0; }
.policy-page a { color: #2f5d3f; text-decoration: underline; }

/* =========================================================
   Utility spacing — margin / padding  (prefix .bb-)
   Scale:  0=0 · 1=.25rem · 2=.5rem · 3=1rem · 4=1.5rem · 5=2rem · 6=3rem
   Có !important để ghi đè spacing của block / theme khi cần.
   VD: <div class="bb-mt-4 bb-pb-2 bb-px-3"> …   ·   .bb-mx-auto = căn giữa block
   ========================================================= */
/* --- margin --- */
.mb-0{margin-bottom:0 !important;}
.bb-m-0{margin:0 !important}  .bb-m-1{margin:.25rem !important}  .bb-m-2{margin:.5rem !important}  .bb-m-3{margin:1rem !important}  .bb-m-4{margin:1.5rem !important}  .bb-m-5{margin:2rem !important}  .bb-m-6{margin:3rem !important}
.bb-mt-0{margin-top:0 !important}  .bb-mt-1{margin-top:.25rem !important}  .bb-mt-2{margin-top:.5rem !important}  .bb-mt-3{margin-top:1rem !important}  .bb-mt-4{margin-top:1.5rem !important}  .bb-mt-5{margin-top:2rem !important}  .bb-mt-6{margin-top:3rem !important}
.bb-mr-0{margin-right:0 !important}  .bb-mr-1{margin-right:.25rem !important}  .bb-mr-2{margin-right:.5rem !important}  .bb-mr-3{margin-right:1rem !important}  .bb-mr-4{margin-right:1.5rem !important}  .bb-mr-5{margin-right:2rem !important}  .bb-mr-6{margin-right:3rem !important}
.bb-mb-0{margin-bottom:0 !important}  .bb-mb-1{margin-bottom:.25rem !important}  .bb-mb-2{margin-bottom:.5rem !important}  .bb-mb-3{margin-bottom:1rem !important}  .bb-mb-4{margin-bottom:1.5rem !important}  .bb-mb-5{margin-bottom:2rem !important}  .bb-mb-6{margin-bottom:3rem !important}
.bb-ml-0{margin-left:0 !important}  .bb-ml-1{margin-left:.25rem !important}  .bb-ml-2{margin-left:.5rem !important}  .bb-ml-3{margin-left:1rem !important}  .bb-ml-4{margin-left:1.5rem !important}  .bb-ml-5{margin-left:2rem !important}  .bb-ml-6{margin-left:3rem !important}
.bb-mx-0{margin-left:0 !important;margin-right:0 !important}  .bb-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}  .bb-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}  .bb-mx-3{margin-left:1rem !important;margin-right:1rem !important}  .bb-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}  .bb-mx-5{margin-left:2rem !important;margin-right:2rem !important}  .bb-mx-6{margin-left:3rem !important;margin-right:3rem !important}
.bb-my-0{margin-top:0 !important;margin-bottom:0 !important}  .bb-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}  .bb-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}  .bb-my-3{margin-top:1rem !important;margin-bottom:1rem !important}  .bb-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}  .bb-my-5{margin-top:2rem !important;margin-bottom:2rem !important}  .bb-my-6{margin-top:3rem !important;margin-bottom:3rem !important}
/* --- padding --- */
.bb-p-0{padding:0 !important}  .bb-p-1{padding:.25rem !important}  .bb-p-2{padding:.5rem !important}  .bb-p-3{padding:1rem !important}  .bb-p-4{padding:1.5rem !important}  .bb-p-5{padding:2rem !important}  .bb-p-6{padding:3rem !important}
.bb-pt-0{padding-top:0 !important}  .bb-pt-1{padding-top:.25rem !important}  .bb-pt-2{padding-top:.5rem !important}  .bb-pt-3{padding-top:1rem !important}  .bb-pt-4{padding-top:1.5rem !important}  .bb-pt-5{padding-top:2rem !important}  .bb-pt-6{padding-top:3rem !important}
.bb-pr-0{padding-right:0 !important}  .bb-pr-1{padding-right:.25rem !important}  .bb-pr-2{padding-right:.5rem !important}  .bb-pr-3{padding-right:1rem !important}  .bb-pr-4{padding-right:1.5rem !important}  .bb-pr-5{padding-right:2rem !important}  .bb-pr-6{padding-right:3rem !important}
.bb-pb-0{padding-bottom:0 !important}  .bb-pb-1{padding-bottom:.25rem !important}  .bb-pb-2{padding-bottom:.5rem !important}  .bb-pb-3{padding-bottom:1rem !important}  .bb-pb-4{padding-bottom:1.5rem !important}  .bb-pb-5{padding-bottom:2rem !important}  .bb-pb-6{padding-bottom:3rem !important}
.bb-pl-0{padding-left:0 !important}  .bb-pl-1{padding-left:.25rem !important}  .bb-pl-2{padding-left:.5rem !important}  .bb-pl-3{padding-left:1rem !important}  .bb-pl-4{padding-left:1.5rem !important}  .bb-pl-5{padding-left:2rem !important}  .bb-pl-6{padding-left:3rem !important}
.bb-px-0{padding-left:0 !important;padding-right:0 !important}  .bb-px-1{padding-left:.25rem !important;padding-right:.25rem !important}  .bb-px-2{padding-left:.5rem !important;padding-right:.5rem !important}  .bb-px-3{padding-left:1rem !important;padding-right:1rem !important}  .bb-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}  .bb-px-5{padding-left:2rem !important;padding-right:2rem !important}  .bb-px-6{padding-left:3rem !important;padding-right:3rem !important}
.bb-py-0{padding-top:0 !important;padding-bottom:0 !important}  .bb-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}  .bb-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}  .bb-py-3{padding-top:1rem !important;padding-bottom:1rem !important}  .bb-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}  .bb-py-5{padding-top:2rem !important;padding-bottom:2rem !important}  .bb-py-6{padding-top:3rem !important;padding-bottom:3rem !important}
.bb-mx-auto{margin-left:auto !important;margin-right:auto !important}

@media (max-width: 600px) {
	/* thu nhỏ 1 nấc trên mobile cho các bước lớn */
	.bb-m-6{margin:2rem !important}      .bb-my-6{margin-top:2rem !important;margin-bottom:2rem !important}
	.bb-mt-6{margin-top:2rem !important} .bb-mb-6{margin-bottom:2rem !important}
	.bb-p-6{padding:2rem !important}     .bb-py-6{padding-top:2rem !important;padding-bottom:2rem !important}
	.bb-pt-6{padding-top:2rem !important}.bb-pb-6{padding-bottom:2rem !important}
}

/* =========================================================
   Blog/Search khi KHÔNG có bài viết ("Nothing Found")
   Theme cha đặt .site-main.grid .page-header { margin-bottom:-2rem }
   để kéo lưới post lên — nhưng ở template no-results nó kéo đoạn
   "It seems we can't find…" đè lên tiêu đề. Trả lại khoảng cách.
   ========================================================= */
.no-results.not-found .page-header { margin-bottom: 1.5rem; }

/* =========================================================
   Checkout — hộp Tips (plugin cc-simple-tip-woo, #cc-stw-box)
   Bỏ khung viền của plugin để widget hoà vào form, không còn cái
   khung chữ nhật kéo ngang tràn ra ngoài form checkout.
   ========================================================= */
.woocommerce-checkout .cc-stw-box {
	border: 0;
	border-radius: 0;
	background: none;
	padding: 0;
}

/* Nút chọn Size trên trang sản phẩm: đã sửa thẳng trong plugin
   dns-product-extra/css/dns.css (bản plugin này chỉ dùng cho site này). */