/*!
 * GSM ALO — সিঙ্গেল প্রোডাক্ট ও চেকআউট
 * নিজস্ব থিম-মডিউল (WoodMart-নিরপেক্ষ)
 */

:root{
	--gx:#0d7a5f; --gx2:#0a5a46; --gxl:#e3ebe8;
	--gxi:#123f34; --gxm:#6b7f79; --gxbg:#f4faf8;
}

/* ============ যেকোনো পাতায় ব্যবহারযোগ্য সেকশন-কার্ড ============ */
.gsa-sec{
	border:1px solid var(--gxl); border-radius:14px; background:#fff;
	padding:16px 18px; margin:0 0 16px; box-shadow:0 1px 4px rgba(18,63,52,.04);
}
.gsa-sec-h{
	display:flex; align-items:center; gap:9px; font-size:15px; font-weight:700;
	color:var(--gxi); padding-bottom:10px; margin-bottom:12px; border-bottom:1px solid #eef4f2;
}
.gsa-sec-h .ic{font-size:17px}
.gsa-dim{color:#9ab0aa; font-style:italic}
.gsa-ok-tag{
	margin-left:auto; background:#e7f6ef; color:var(--gx); border-radius:20px;
	padding:2px 11px; font-size:11.5px; font-weight:600;
}

/* ==================== সিঙ্গেল প্রোডাক্ট ==================== */

.single-product div.product .summary .price{
	font-size:28px!important; font-weight:800; color:var(--gx)!important;
	background:var(--gxbg); border:1px solid #dcebe6; border-radius:12px;
	padding:12px 16px; display:block; margin:0 0 14px!important;
}
.single-product div.product .summary .price del{font-size:17px; color:#9ab0aa; font-weight:500}
.single-product div.product .summary .price ins{text-decoration:none}

/* কার্ট-ফর্মে নিজস্ব বর্ডার দিই না — ভেতরের সেকশনগুলোই আলাদা কার্ড হিসেবে দাঁড়ায় */
.single-product div.product form.cart{margin-bottom:16px}
.single-product div.product form.cart .gsa-sec{margin-top:16px}
.single-product div.product .summary form.cart .quantity input{
	border:1.5px solid #cfe3dd!important; border-radius:9px!important; height:48px!important;
}
/* বোতামের রঙ সাইটের ব্র্যান্ড-রঙই থাকুক — শুধু আকার ও কোণা পেশাদার করি */
.single-product div.product .single_add_to_cart_button{
	border-radius:11px!important; font-weight:700!important; padding:14px 26px!important;
	transition:transform .15s, box-shadow .15s;
}
.single-product div.product .single_add_to_cart_button:hover{transform:translateY(-1px)}
.gsa-buynow{
	display:block!important; width:100%!important; margin-top:10px!important;
	background:#fff!important; color:var(--gx)!important; border:2px solid var(--gx)!important;
	border-radius:11px!important; font-weight:700!important; font-size:15px!important;
	padding:13px 22px!important; transition:background .15s, color .15s;
}
.gsa-buynow:hover{background:var(--gx)!important; color:#fff!important}

.gsa-trust{padding:14px}
.gsa-trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
.gsa-trust-i{text-align:center; padding:10px 6px; border:1px solid #eef4f2; border-radius:10px; background:#fbfdfc}
.gsa-trust-i .ic{font-size:20px; display:block; margin-bottom:5px}
.gsa-trust-i b{display:block; font-size:12.5px; color:var(--gxi); line-height:1.4}
.gsa-trust-i small{display:block; font-size:11px; color:var(--gxm); margin-top:2px; line-height:1.4}

.gsa-steps3{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.gsa-steps3 li{
	background:var(--gxbg); border:1px solid #dcebe6; border-radius:10px;
	padding:11px 12px; font-size:12.5px; color:var(--gxi); font-weight:600;
}
.gsa-steps3 li b{
	display:inline-flex; width:22px; height:22px; align-items:center; justify-content:center;
	background:var(--gx); color:#fff; border-radius:50%; font-size:12px; margin-right:7px;
}
.gsa-steps3 li span{display:block; color:var(--gxm); font-weight:400; font-size:11.5px; margin-top:4px}
.gsa-how-help{margin:12px 0 0; font-size:13px; color:var(--gxm)}
.gsa-how-help a{color:var(--gx); font-weight:600}

.single-product .woocommerce-tabs{
	border:1px solid var(--gxl); border-radius:14px; padding:6px 18px 18px; background:#fff; margin-top:26px;
}
.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--gx)!important}
.single-product .product_meta{
	border:1px solid var(--gxl); border-radius:12px; padding:12px 16px; background:#fbfdfc; font-size:13px;
}

/* ==================== চেকআউট ==================== */

.woocommerce-checkout .gsa-ident-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
.woocommerce-checkout .gsa-ident-grid > div{
	border:1px solid #eef4f2; border-radius:10px; padding:9px 12px; background:#fbfdfc; min-width:0;
}
.woocommerce-checkout .gsa-ident-grid span{display:block; font-size:11.5px; color:var(--gxm); margin-bottom:2px}
.woocommerce-checkout .gsa-ident-grid b{font-size:14px; color:var(--gxi); word-break:break-word}
.gsa-ident-note{
	margin:12px 0 10px; font-size:13px; color:#41544d; background:var(--gxbg);
	border:1px solid #dcebe6; border-radius:9px; padding:9px 12px; line-height:1.7;
}
.gsa-toggle{
	background:#fff; border:1.5px dashed #cfe3dd; color:var(--gx); border-radius:9px;
	padding:9px 14px; font-size:13px; cursor:pointer; width:100%;
	transition:background .15s, border-color .15s;
}
.gsa-toggle:hover{background:var(--gxbg); border-color:var(--gx)}

/* ঘরগুলো লুকানো — "বদলান" চাপলে খোলে।
   ⚠️ পুরো `.woocommerce-billing-fields` লুকানো যাবে না — আমাদের "আপনার তথ্য" কার্ডটি
   ওরই ভেতরে বসে (WooCommerce-এর form-billing.php টেমপ্লেটের হুকে)। তাই শুধু
   ভেতরের ঘরগুলোর মোড়ক ও থিমের শিরোনামটি লুকাই। */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields{display:none}
.woocommerce-checkout.gsa-open .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout.gsa-open .woocommerce-additional-fields{
	display:block; border:1px solid var(--gxl); border-radius:14px;
	background:#fbfdfc; padding:16px 18px; margin:14px 0 0;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-selection{
	border:1.5px solid #cfe3dd!important; border-radius:9px!important;
	padding:11px 13px!important; height:auto!important;
}
.woocommerce-checkout .form-row input:focus{
	border-color:var(--gx)!important; box-shadow:0 0 0 3px rgba(13,122,95,.12)!important; outline:none;
}

/* অর্ডার সারাংশ ও পেমেন্ট */
.woocommerce-checkout #order_review_heading{
	font-size:15px; font-weight:700; color:var(--gxi); border:1px solid var(--gxl);
	border-bottom:0; border-radius:14px 14px 0 0; background:var(--gxbg); padding:13px 18px; margin:0;
}
.woocommerce-checkout #order_review{
	border:1px solid var(--gxl); border-radius:0 0 14px 14px; background:#fff;
	padding:16px 18px; box-shadow:0 1px 4px rgba(18,63,52,.04);
}
.woocommerce-checkout #order_review .shop_table{border:0!important; width:100%}
.woocommerce-checkout #order_review .shop_table th{
	background:transparent!important; color:var(--gxm); font-size:12.5px;
	padding:8px 4px!important; border:0!important;
}
.woocommerce-checkout #order_review .shop_table td{
	padding:10px 4px!important; border:0!important; border-top:1px solid #f1f5f4!important; font-size:14px;
}
.woocommerce-checkout #order_review .shop_table tfoot .order-total td,
.woocommerce-checkout #order_review .shop_table tfoot .order-total th{
	font-size:17px!important; color:var(--gx)!important; font-weight:800;
	border-top:2px solid #dcebe6!important; padding-top:12px!important;
}
.woocommerce-checkout #payment{
	background:transparent!important; border:1px solid var(--gxl);
	border-radius:12px; margin-top:16px; padding:6px 4px;
}
.woocommerce-checkout #payment ul.payment_methods{border:0!important; padding:10px 14px!important}
.woocommerce-checkout #payment ul.payment_methods li{
	border:1px solid #eef4f2; border-radius:10px; padding:11px 13px!important;
	margin-bottom:9px; background:#fbfdfc; transition:border .15s, background .15s;
}
.woocommerce-checkout #payment ul.payment_methods li:hover{border-color:#bfe0d5; background:#f7fbfa}
.woocommerce-checkout #payment div.form-row.place-order{padding:14px!important; border-top:1px solid #eef4f2}
.woocommerce-checkout #place_order{
	width:100%; background:linear-gradient(135deg,var(--gx),var(--gx2))!important; color:#fff!important;
	border:0!important; border-radius:12px!important; font-size:17px!important; font-weight:700!important;
	padding:16px!important; letter-spacing:.3px; box-shadow:0 5px 16px rgba(13,122,95,.28);
	transition:transform .15s, box-shadow .15s;
}
.woocommerce-checkout #place_order:hover{transform:translateY(-1px); box-shadow:0 9px 22px rgba(13,122,95,.34)}
.gsa-safe{text-align:center; color:var(--gxm); font-size:12px; margin:12px 0 0; line-height:1.8}

/* ---- ডেলিভারি ও রিটার্ন ---- */
.gsa-dr{margin-top:16px}
.gsa-dr-i{border:1px solid #eef4f2; border-radius:10px; background:#fbfdfc; margin:0 0 9px; overflow:hidden}
.gsa-dr-i > summary{
	cursor:pointer; list-style:none; padding:11px 13px; font-size:13.5px; font-weight:600;
	color:var(--gxi); display:flex; align-items:center; gap:8px; flex-wrap:wrap; transition:background .15s;
}
.gsa-dr-i > summary::-webkit-details-marker{display:none}
.gsa-dr-i > summary::after{content:'▾'; margin-left:auto; color:var(--gxm); font-size:14px; transition:transform .2s}
.gsa-dr-i[open] > summary::after{transform:rotate(180deg)}
.gsa-dr-i > summary:hover{background:#f4faf8}
.gsa-dr-i .tag{
	display:inline-block; border-radius:20px; padding:2px 10px; font-size:11px; font-weight:700; letter-spacing:.2px;
}
.gsa-dr-i .tag-d{background:#e7f6ef; color:#0d7a5f}
.gsa-dr-i .tag-p{background:#eaf1fb; color:#1d5fa8}
.gsa-dr-i .tag-r{background:#fdf3e8; color:#9a6212}
.gsa-dr-i ul{margin:0; padding:2px 16px 13px 32px}
.gsa-dr-i li{font-size:13px; color:#41544d; line-height:1.85; margin-bottom:5px}
.gsa-dr-help{
	margin:10px 0 0; font-size:12.5px; color:var(--gxm); line-height:1.8;
	background:var(--gxbg); border:1px solid #dcebe6; border-radius:9px; padding:9px 12px;
}
.gsa-dr-help a{color:var(--gx); font-weight:600}

/* ---------------------------------------------------------------------
   সাময়িক: চেকআউট-লেআউটে থিমের ডেমো "Delivery & Return" প্রশ্নোত্তর
   ("No typography, no colors, no layout…") গ্রাহকদের দেখাচ্ছিল।
   আসল ডেলিভারি/রিটার্ন তথ্য বসিয়ে দিলে এই অংশটুকু মুছে ফেলা যাবে।
   (এটি একমাত্র জায়গা যেখানে থিমের এলিমেন্ট-আইডি ব্যবহার করতে হয়েছে।)
   --------------------------------------------------------------------- */
.woocommerce-checkout .elementor-element-99879ab,
.woocommerce-checkout .elementor-element-88cd5ed{display:none}

/* ==================== ছোট পর্দা ==================== */
@media(max-width:768px){
	.woocommerce-checkout .gsa-ident-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
	.gsa-trust-grid{grid-template-columns:repeat(2,1fr)}
	.gsa-steps3{grid-template-columns:1fr}
	.single-product div.product .summary .price{font-size:24px!important}
}