/*!
 * GSM ALO — হেডারের আইকন নজরকাড়া করা
 * নিজস্ব থিম-মডিউল। প্রতিটি আইকন নিজস্ব রঙের গোল ঘরে বসে,
 * সংখ্যা-ব্যাজ স্পষ্ট হয়, আর হোভার/চাপে সাড়া দেয়।
 */

:root{
	--gh-acc:#0d7a5f;  --gh-acc-bg:#e7f6ef;   /* অ্যাকাউন্ট — সবুজ */
	--gh-cmp:#6b46c1;  --gh-cmp-bg:#f0eafb;   /* তুলনা — বেগুনি */
	--gh-wsh:#d81b60;  --gh-wsh-bg:#fdeaf1;   /* পছন্দের তালিকা — গোলাপি */
	--gh-crt:#1a73e8;  --gh-crt-bg:#e8f0fe;   /* কার্ট — নীল */
	--gh-badge:#f26522;                        /* সংখ্যা-ব্যাজ — কমলা */
}

/* ---------- সব আইকনের সাধারণ চেহারা ---------- */
.whb-column .wd-header-my-account > a,
.whb-column .wd-header-compare > a,
.whb-column .wd-header-wishlist > a,
.whb-column .wd-header-cart > a{
	position:relative;
	display:inline-flex !important;
	align-items:center; justify-content:center;
	width:44px; height:44px;
	margin:0 4px;                 /* আইকনগুলো গায়ে-গায়ে লেগে ছিল — ফাঁক দিলাম */
	border-radius:50%;
	border:1.5px solid transparent;
	transition:background .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease;
}
/* বাঁ-ডানে বাড়তি ফাঁক যেন হেডার ভিড়ে না যায় */
.whb-column .wd-header-my-account{margin-left:6px}
.whb-column .wd-header-cart{margin-right:2px}
.whb-column .wd-header-my-account > a:hover,
.whb-column .wd-header-compare > a:hover,
.whb-column .wd-header-wishlist > a:hover,
.whb-column .wd-header-cart > a:hover{transform:translateY(-2px)}

/* আইকনটি বড় ও গাঢ় করি */
.whb-column .wd-tools-element > a .wd-tools-icon:before{
	font-size:20px !important;
	font-weight:600;
	transition:color .18s ease;
}

/* ---------- আলাদা আলাদা রঙ ---------- */
.whb-column .wd-header-my-account > a{background:var(--gh-acc-bg); border-color:rgba(13,122,95,.28)}
.whb-column .wd-header-my-account > a .wd-tools-icon:before{color:var(--gh-acc) !important}
.whb-column .wd-header-my-account > a:hover{background:var(--gh-acc); border-color:var(--gh-acc); box-shadow:0 6px 16px rgba(13,122,95,.32)}
.whb-column .wd-header-my-account > a:hover .wd-tools-icon:before{color:#fff !important}

.whb-column .wd-header-compare > a{background:var(--gh-cmp-bg); border-color:rgba(107,70,193,.28)}
.whb-column .wd-header-compare > a .wd-tools-icon:before{color:var(--gh-cmp) !important}
.whb-column .wd-header-compare > a:hover{background:var(--gh-cmp); border-color:var(--gh-cmp); box-shadow:0 6px 16px rgba(107,70,193,.32)}
.whb-column .wd-header-compare > a:hover .wd-tools-icon:before{color:#fff !important}

.whb-column .wd-header-wishlist > a{background:var(--gh-wsh-bg); border-color:rgba(216,27,96,.28)}
.whb-column .wd-header-wishlist > a .wd-tools-icon:before{color:var(--gh-wsh) !important}
.whb-column .wd-header-wishlist > a:hover{background:var(--gh-wsh); border-color:var(--gh-wsh); box-shadow:0 6px 16px rgba(216,27,96,.32)}
.whb-column .wd-header-wishlist > a:hover .wd-tools-icon:before{color:#fff !important}

/* কার্ট আগে থেকেই নীল গোল — সেটিকেই একই মাপে ও আরও স্পষ্ট করি */
.whb-column .wd-header-cart > a{background:var(--gh-crt); border-color:var(--gh-crt); box-shadow:0 3px 10px rgba(26,115,232,.3)}
.whb-column .wd-header-cart > a .wd-tools-icon:before{color:#fff !important}
.whb-column .wd-header-cart > a:hover{box-shadow:0 7px 20px rgba(26,115,232,.42)}

/* ---------- সংখ্যা-ব্যাজ স্পষ্ট করা ---------- */
.whb-column .wd-tools-element .wd-tools-count,
.whb-column .wd-tools-element .wd-cart-number{
	background:var(--gh-badge) !important;
	color:#fff !important;
	font-size:11px !important; font-weight:700;
	min-width:19px !important; height:19px !important; line-height:19px !important;
	border-radius:20px !important;
	border:2px solid #fff !important;
	box-shadow:0 2px 5px rgba(0,0,0,.18);
	top:-4px !important; right:-5px !important;
}
/* শূন্য হলে ফিকে — খালি জিনিস চোখে না লাগুক */
.whb-column .wd-tools-element .wd-tools-count:empty{display:none !important}

/* ---------- কার্টের দাম আলাদা করে দেখানো ---------- */
.whb-column .wd-header-cart .wd-cart-subtotal,
.whb-column .wd-header-cart .subtotal-divider{
	color:var(--gh-crt) !important; font-weight:700; font-size:14px;
}

/* ---------- মোবাইল ---------- */
@media(max-width:1024px){
	.whb-column .wd-header-my-account > a,
	.whb-column .wd-header-compare > a,
	.whb-column .wd-header-wishlist > a,
	.whb-column .wd-header-cart > a{width:42px; height:42px}
	.whb-column .wd-tools-element > a .wd-tools-icon:before{font-size:19px !important}
}
@media(max-width:480px){
	.whb-column .wd-header-my-account > a,
	.whb-column .wd-header-compare > a,
	.whb-column .wd-header-wishlist > a,
	.whb-column .wd-header-cart > a{width:40px; height:40px}
}

/* ---------- মোবাইলের নিচের টুলবার ----------
   ওখানে আইকনের নিচে লেখা থাকে, তাই গোল ঘর নয় — শুধু রঙ ও আকার বাড়াই। */
.wd-toolbar .wd-tools-element .wd-tools-icon:before{font-size:22px !important}
.wd-toolbar .wd-header-my-account .wd-tools-icon:before{color:var(--gh-acc) !important}
.wd-toolbar .wd-header-compare   .wd-tools-icon:before{color:var(--gh-cmp) !important}
.wd-toolbar .wd-header-wishlist  .wd-tools-icon:before{color:var(--gh-wsh) !important}
.wd-toolbar .wd-header-cart      .wd-tools-icon:before{color:var(--gh-crt) !important}
.wd-toolbar .wd-header-shop      .wd-tools-icon:before{color:#5b6b66 !important}
.wd-toolbar .wd-tools-element .wd-tools-count{
	background:var(--gh-badge) !important; color:#fff !important;
	border:2px solid #fff !important; font-weight:700;
}
.wd-toolbar .wd-tools-element{transition:transform .15s}
.wd-toolbar .wd-tools-element:active{transform:scale(.92)}

/* মোবাইল-মেনু (☰) বোতামও একই ভাষায় */
.whb-column .wd-header-mobile-nav > a{
	display:inline-flex !important; align-items:center; justify-content:center;
	width:42px; height:42px; border-radius:50%;
	background:var(--gh-acc-bg); border:1.5px solid rgba(13,122,95,.28);
	transition:background .18s, transform .15s;
}
.whb-column .wd-header-mobile-nav > a .wd-tools-icon:before{color:var(--gh-acc) !important}
.whb-column .wd-header-mobile-nav > a:hover{background:var(--gh-acc); transform:translateY(-2px)}
.whb-column .wd-header-mobile-nav > a:hover .wd-tools-icon:before{color:#fff !important}