/*
 Theme Name:   Junotoys Child Theme
 Theme URI:    http://junotoys.themerex.net
 Description:  Junotoys Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     junotoys
 Version:      1.1
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  junotoys
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* === Da Drawer concise cart === */
.dd-cart{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;max-width:1100px;margin:0 auto;font-family:'Open Sans',sans-serif}
.dd-cart__items{margin:0}
.dd-cart__list{border:1px solid #E6E8EC;border-radius:12px;overflow:hidden;background:#fff}
.dd-cart__row{display:grid;grid-template-columns:72px 1fr auto auto 28px;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #F0F1F4}
.dd-cart__row:last-child{border-bottom:0}
.dd-cart__thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px;display:block}
.dd-cart__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.dd-cart__name,.dd-cart__name a{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:1.3;color:#181D4E;text-decoration:none}
.dd-cart__name a:hover{color:#12AEE0}
.dd-cart__unit-price{font-size:13px;color:#8E919D}
.dd-cart__unit-label{font-size:12px}
.dd-cart__qty input.qty{width:60px;height:40px;text-align:center;border:1px solid #D9DEE3;border-radius:8px;font-size:15px;padding:0 6px}
.dd-cart__subtotal{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;color:#181D4E;white-space:nowrap;text-align:right}
.dd-cart__remove .remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:18px;line-height:1;color:#B4B8C2!important;text-decoration:none;transition:all .15s ease}
.dd-cart__remove .remove:hover{background:#FDECEC;color:#E0322E!important}
.dd-cart__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.dd-cart__coupon{display:flex;gap:8px}
.dd-cart__coupon .input-text{width:160px;height:42px;border:1px solid #D9DEE3;border-radius:8px;padding:0 12px}
.dd-cart__coupon-btn,.dd-cart__update{height:42px;background:#fff;color:#181D4E;border:1px solid #D9DEE3;border-radius:8px;padding:0 18px;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.dd-cart__coupon-btn:hover,.dd-cart__update:hover{border-color:#12AEE0;color:#12AEE0}
.dd-cart__actions-right{display:flex;align-items:center;gap:16px}
.dd-cart__continue{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:#8E919D;text-decoration:none}
.dd-cart__continue:hover{color:#181D4E}
.dd-cart__summary{position:sticky;top:24px}
.dd-cart__summary-inner{background:#fff;border:1px solid #E6E8EC;border-radius:12px;padding:22px;box-shadow:0 6px 24px rgba(24,29,78,.06)}
.dd-cart__summary-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;color:#181D4E;margin:0 0 16px}
.dd-cart__totals{display:flex;flex-direction:column;gap:10px}
.dd-cart__line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:#4A4F63}
.dd-cart__line span:last-child{text-align:right}
.dd-cart__line--shipping{flex-direction:column;align-items:stretch}
.dd-cart__line--shipping .woocommerce-shipping-methods{list-style:none;margin:6px 0 0;padding:0}
.dd-cart__line--shipping .woocommerce-shipping-destination{font-size:12px;color:#8E919D;margin:6px 0 0}
.dd-cart__line--total{margin-top:8px;padding-top:14px;border-top:1px solid #EDEEF2;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;color:#181D4E}
.dd-cart__checkout{margin-top:20px}
.dd-cart__checkout .checkout-button,.dd-cart .wc-proceed-to-checkout a.checkout-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:54px;background:#12AEE0;color:#fff!important;border:0;border-radius:10px;font-family:'Poppins',sans-serif;font-weight:700;font-size:17px;letter-spacing:.3px;text-decoration:none;box-shadow:0 8px 20px rgba(18,174,224,.35);transition:transform .12s ease,box-shadow .12s ease,background .15s ease}
.dd-cart__checkout .checkout-button:hover{background:#2396DC;transform:translateY(-1px);box-shadow:0 10px 26px rgba(18,174,224,.45)}
.dd-cart__checkout .checkout-button:active{transform:translateY(0) scale(.99)}
.dd-cart__trust{display:flex;justify-content:center;gap:18px;margin-top:14px;font-size:12px;color:#8E919D}
.dd-cart__trust span{position:relative;padding-left:16px}
.dd-cart__trust span::before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background:#2BB24C}
@media (max-width:900px){.dd-cart{grid-template-columns:1fr}.dd-cart__summary{position:static}}
@media (max-width:560px){.dd-cart__row{grid-template-columns:56px 1fr 28px;grid-template-areas:"thumb info remove" "thumb qty subtotal";row-gap:10px}.dd-cart__thumb{grid-area:thumb}.dd-cart__thumb img{width:56px;height:56px}.dd-cart__info{grid-area:info}.dd-cart__qty{grid-area:qty}.dd-cart__subtotal{grid-area:subtotal;align-self:center}.dd-cart__remove{grid-area:remove;align-self:start}.dd-cart__actions{flex-direction:column;align-items:stretch}.dd-cart__coupon .input-text{flex:1;width:auto}.dd-cart__actions-right{justify-content:space-between}}
/* --- Summary panel cleanup --- */
.dd-cart__summary-inner { padding-top: 22px; overflow: visible; }
.dd-cart__summary-title { margin-top: 0; }

/* Checkout button sits right under Total */
.dd-cart__checkout { display: flex; flex-direction: column; margin-top: 16px; }
.dd-cart__checkout .checkout-button { order: -1; margin-bottom: 14px; }

/* Free-shipping bar: light strip, no black box, no big gap */
.dd-cart__summary .fsl-wrapper { margin: 0; }
.dd-cart__summary .devnet_fsl-free-shipping {
	border: 0 !important;
	background: #F7F4F8 !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	box-shadow: none !important;
	margin: 0 !important;
}
.dd-cart__summary .fsl-title { font-size: 13px !important; font-weight: 600; margin: 0 0 8px !important; line-height: 1.3; }
.dd-cart__summary .fsl-progress-bar { height: 10px !important; margin: 0 0 8px !important; }
.dd-cart__summary .fsl-description { font-size: 12px !important; color: #8E919D !important; }

/* --- FIX: stray table markup inside the shipping line --- */
.dd-cart__line--shipping{display:block!important}
.dd-cart__line--shipping tr,
.dd-cart__line--shipping .woocommerce-shipping-totals{display:flex!important;justify-content:space-between;align-items:baseline;width:100%}
.dd-cart__line--shipping th,
.dd-cart__line--shipping td{display:block;padding:0;border:0;text-align:left;font-weight:400;font-size:14px;color:#4A4F63}
.dd-cart__line--shipping td{text-align:right}
.dd-cart__line--shipping .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.dd-cart__line--shipping .woocommerce-shipping-methods label{font-size:14px;color:#4A4F63}
.dd-cart__line--shipping .woocommerce-shipping-destination{font-size:12px;color:#8E919D;margin:6px 0 0;text-align:left}

/* === Da Drawer cart enhancements (header row, savings, shipping note, estimate shipping) === */
.dd-cart__header-row{display:grid;grid-template-columns:1fr auto auto 28px;gap:16px;padding:0 16px 10px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#8E919D}
.dd-cart__header-product{grid-column:1/2}
.dd-cart__header-qty{grid-column:2/3;text-align:center}
.dd-cart__header-total{grid-column:3/4;text-align:right}
@media (max-width:560px){.dd-cart__header-row{display:none}}

.dd-cart__unit-price del{color:#B4B8C2;font-weight:400;margin-right:6px}
.dd-cart__unit-price ins{text-decoration:none;color:#181D4E;font-weight:600}

.dd-cart__savings{color:#2BB24C;font-weight:600;font-size:14px;margin:2px 0 4px}
.dd-cart__shipping-note{font-size:13px;color:#8E919D;padding:2px 0}
.dd-cart__shipping-note a{color:#12AEE0;text-decoration:underline}

.dd-cart__estimate-shipping{border-top:1px solid #F0F1F4;padding:14px 16px}
.dd-cart__estimate-shipping summary{cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:#181D4E;display:flex;align-items:center;gap:8px;list-style:none}
.dd-cart__estimate-shipping summary::-webkit-details-marker{display:none}
.dd-cart__estimate-icon{font-size:16px}
.dd-cart__chevron{margin-left:auto;transition:transform .15s ease}
.dd-cart__estimate-shipping details[open] .dd-cart__chevron{transform:rotate(180deg)}
.dd-cart__estimate-body{margin-top:12px}
.dd-cart__estimate-body .button{background:#12AEE0;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}


/* --- FIX: row-bottom (qty / total / remove) had no layout rule at all, could collapse to vertical stacking --- */
.dd-cart__row-bottom{display:flex;align-items:center;gap:16px;margin-top:8px;width:100%}
.dd-cart__row-bottom .dd-cart__qty{flex:0 0 auto}
.dd-cart__row-bottom .dd-cart__subtotal{flex:1 1 auto;text-align:right}
.dd-cart__row-bottom .dd-cart__remove{flex:0 0 auto}
@media (max-width:560px){.dd-cart__row-bottom{margin-top:4px}}


/* --- Quantity stepper (+/- buttons around the qty input) --- */
.dd-cart__qty .quantity {
	display: flex !important;
	align-items: stretch;
	border: 1px solid #D9DEE3;
	border-radius: 8px;
	overflow: hidden;
	width: fit-content;
	background: #fff;
}

.dd-cart__qty .quantity input.qty {
	width: 44px !important;
	height: 38px !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
	-moz-appearance: textfield;
	background: #fff !important;
	color: #181D4E !important;
	font-size: 14px;
}
.dd-cart__qty .quantity input.qty::-webkit-inner-spin-button,
.dd-cart__qty .quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dd-cart__qty button.dd-qty-btn {
	width: 32px !important;
	height: 38px !important;
	min-width: 32px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #F7F8FA !important;
	color: #181D4E !important;
	font-size: 16px !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s ease;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.dd-cart__qty button.dd-qty-btn:hover {
	background: #EDEEF2 !important;
	color: #181D4E !important;
}
.dd-cart__qty button.dd-qty-minus {
	border-right: 1px solid #D9DEE3 !important;
}
.dd-cart__qty button.dd-qty-plus {
	border-left: 1px solid #D9DEE3 !important;
}

/* --- All Categories page: force 3 columns, smaller boxes (overrides TRX Addons default width) --- */
.categories_list_style_8{display:flex;flex-wrap:wrap;gap:16px;}
.categories_list_style_8 .categories_list_item{flex:0 0 calc(33.333% - 11px)!important;max-width:calc(33.333% - 11px)!important;width:calc(33.333% - 11px)!important;margin:0 0 16px!important;}
.categories_list_style_8 .categories_list_image{height:140px!important;}
@media (max-width:768px){.categories_list_style_8 .categories_list_item{flex:0 0 calc(50% - 8px)!important;max-width:calc(50% - 8px)!important;width:calc(50% - 8px)!important;}}
@media (max-width:480px){.categories_list_style_8 .categories_list_item{flex:0 0 100%!important;max-width:100%!important;width:100%!important;}}


/* --- FIX: theme's global spacing was leaking extra margin/padding into cart row children --- */
.dd-cart__info>*{margin:0!important;padding:0!important;}
.dd-cart__info{gap:6px!important;}
.dd-cart__row-bottom{margin-top:6px!important;}
.dd-cart__name{line-height:1.3!important;}
.dd-cart__unit-price{line-height:1.3!important;}


/* --- FIX: restore theme's original checkout status-bar styling, missing from the compiled __plugins.css bundle --- */
.woocommerce-checkout .woocommerce_status_bar{margin-top:100px}
.woocommerce-checkout .woocommerce-order .woocommerce_status_bar{margin-top:0}
.woocommerce_status_bar{font-size:19px;font-weight:700;line-height:1.3em;color:var(--theme-color-text_dark);display:flex;flex-direction:row;justify-content:center;padding:0;margin-bottom:100px}
.woocommerce_status_bar>div{padding:0 70px;position:relative}
.woocommerce_status_bar>div.bar_cart:after,.woocommerce_status_bar>div.bar_payment:after{content:"\e9df";font-family:"fontello";display:inline-block;color:var(--theme-color-text_dark_02);font-weight:400;font-size:11px;position:absolute;z-index:1;top:50%;right:-10px;transform:translateY(-50%);width:20px;text-align:center}
.woocommerce_status_bar .num{width:34px;height:34px;line-height:33px;font-size:16px;text-align:center;display:inline-block;border-radius:50%;background-color:var(--theme-color-text_dark);color:var(--theme-color-bg_color);margin-right:16px}
.woocommerce_status_bar .active .num{background-color:var(--theme-color-text_link);color:var(--theme-color-inverse_link)}
.woocommerce-checkout .woocommerce-order .woocommerce_status_bar .num{background-color:var(--theme-color-text_link);color:var(--theme-color-inverse_link)}


/* === Da Drawer blog single post redesign === */

/* Title (site-wide page header component) */
.single-post .sc_layouts_title_caption{font-family:'Poppins',sans-serif;font-weight:700;color:#181D4E;font-size:32px;line-height:1.25}

/* Author/date/category meta line */
.post_header_single .post_meta_categories{margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.post_header_single .post_meta_categories a{color:#12AEE0;text-decoration:none}
.post_header_single .post_meta_other{font-size:14px;color:#8E919D;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.post_header_single .post_author_avatar img{width:28px;height:28px;border-radius:50%}
.post_header_single .post_author_name{color:#181D4E;font-weight:600}
.post_header_single .post_author_by{margin-right:4px}

/* Featured image */
.post_header_wrap.with_featured_image .post_featured{border-radius:14px;overflow:hidden;margin:20px 0;min-height:320px}

/* Two-column layout wrapper (content + sidebar), built via JS injection */
.dd-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1200px;margin:0 auto}
@media (max-width:900px){.dd-post-layout{grid-template-columns:1fr}}

/* Article typography */
.post_content_single{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.75;color:#333}
.post_content_single h2{font-family:'Poppins',sans-serif;font-weight:700;color:#181D4E;font-size:24px;margin:36px 0 14px}
.post_content_single h3{font-family:'Poppins',sans-serif;font-weight:600;color:#181D4E;font-size:19px;margin:28px 0 10px}
.post_content_single p{margin:0 0 16px}
.post_content_single ul,.post_content_single ol{margin:0 0 16px;padding-left:22px}
.post_content_single li{margin-bottom:6px}
.post_content_single a{color:#12AEE0;text-decoration:underline}
.post_content_single a:hover{color:#0e8fb5}

/* Share buttons (native theme feature, lightly restyled to match brand) */
.post_share a,.post_share_vertical a{background:#F7F8FA!important;color:#181D4E!important;border:1px solid #E6E8EC!important}
.post_share a:hover,.post_share_vertical a:hover{background:#12AEE0!important;color:#fff!important;border-color:#12AEE0!important}

/* Next/prev post navigation links */
.nav-links-single a,.post_navigation a{color:#12AEE0;font-weight:600;text-decoration:none}
.nav-links-single a:hover,.post_navigation a:hover{color:#0e8fb5}


/* Sidebar: newsletter box + follow-us */
.dd-post-sidebar{align-self:start}
.dd-post-newsletter{background:#181D4E;color:#fff;border-radius:14px;padding:24px;margin-bottom:24px}
.dd-post-newsletter h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;margin:0 0 8px}
.dd-post-newsletter p{font-size:13px;color:#C9CCE0;margin:0 0 16px;line-height:1.5}
.dd-post-newsletter input[type=email]{width:100%;height:42px;border:0;border-radius:8px;padding:0 14px;margin-bottom:10px;font-size:14px;box-sizing:border-box}
.dd-post-newsletter button{width:100%;height:44px;background:#E0322E;color:#fff;border:0;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s ease}
.dd-post-newsletter button:hover{background:#c22a26}
.dd-post-newsletter .dd-post-newsletter-note{font-size:11px;color:#9BA0C0;margin:10px 0 0;text-align:center}
.dd-post-follow{background:#fff;border:1px solid #E6E8EC;border-radius:14px;padding:20px 24px}
.dd-post-follow h4{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:#181D4E;margin:0 0 12px}
.dd-post-follow-icons{display:flex;gap:10px}
.dd-post-follow-icons a{width:36px;height:36px;border-radius:50%;background:#F7F8FA;display:flex;align-items:center;justify-content:center;color:#181D4E;text-decoration:none;font-size:15px;transition:background .15s ease,color .15s ease}
.dd-post-follow-icons a:hover{background:#12AEE0;color:#fff}


/* Homepage SEO content: Read more toggle */
.dd-readmore-toggle{display:inline-block;margin:4px 0 16px;color:#12AEE0;font-weight:600;text-decoration:none;cursor:pointer}
.dd-readmore-toggle:hover{color:#0e8fb5;text-decoration:underline}


/* --- Simplify mini-cart popup: plain white card instead of dark navy/image overlay --- */
.sc_layouts_cart_widget,
.sc_layouts_cart_panel .sc_layouts_panel_inner{
	background-color:#fff!important;
	background-image:none!important;
	color:#4A4F63!important;
	box-shadow:0 12px 40px rgba(24,29,78,.15)!important;
	border-radius:14px!important;
	border:1px solid #E6E8EC!important;
}
.sc_layouts_cart_widget *,
.sc_layouts_cart_panel .sc_layouts_panel_inner *{
	color:#4A4F63!important;
}
.sc_layouts_cart_widget .sc_layouts_cart_panel_title,
.sc_layouts_cart_panel .sc_layouts_cart_panel_title,
.sc_layouts_cart_widget h5{
	color:#181D4E!important;
	font-weight:700;
}
.sc_layouts_cart_panel .sc_layouts_cart_panel_header{
	background-color:#fff!important;
	border-bottom:1px solid #E6E8EC;
}
.sc_layouts_cart_widget svg,
.sc_layouts_cart_panel svg,
.sc_layouts_cart_widget_close svg,
.trx_addons_button_close svg{
	fill:#181D4E!important;
}
.sc_layouts_cart_widget .button,
.sc_layouts_cart_panel .button{
	background-color:#12AEE0!important;
	color:#fff!important;
	border-radius:8px!important;
}


/* --- Remove blue/navy background from search icon button --- */
.search_submit,
.sc_layouts_search .search_submit,
.trx_addons_icon-search{
	background-color:transparent!important;
	background:none!important;
	color:#181D4E!important;
	box-shadow:none!important;
}


/* --- Align header cart (XOO Side Cart) + search icons on the same baseline --- */
.elementor-element-66a6cc6 .elementor-widget-wrap{
	display:flex!important;
	align-items:center!important;
	gap:18px;
}
.elementor-element-66a6cc6 .sc_layouts_item{
	display:flex;
	align-items:center;
	margin:0!important;
}
.xoo-wsc-cart-trigger{
	display:flex!important;
	align-items:center!important;
	gap:6px;
}
.xoo-wsc-sc-bkcont{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:26px;
	height:26px;
}
.xoo-wsc-sc-bki{
	font-size:22px!important;
	line-height:1!important;
}
.xoo-wsc-sc-count{
	position:absolute;
	top:-6px;
	right:-8px;
	font-size:11px;
}
.sc_layouts_search .search_submit{
	font-size:20px;
}


/* --- Shop page: align product images to a consistent size/crop --- */
.products .post_featured{overflow:hidden;}
.products .tp-image-wrapper{
	position:relative;
	width:100%;
	aspect-ratio:3/4;
	overflow:hidden;
}
.products .tp-image-wrapper img.tp-image,
.products .tp-image-wrapper img.tp-image-hover{
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
	object-fit:cover;
}


/* --- Smaller product title font on mobile/tablet (base is 19px) --- */
@media (max-width:900px){
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3{
		font-size:16px!important;
		line-height:1.3em!important;
	}
}
@media (max-width:480px){
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3{
		font-size:13px!important;
	}
}


/* --- Hide cart subtotal price (Rs.0.00) next to cart icon on mobile --- */
@media (max-width:767px){
	.xoo-wsc-sc-subt{display:none!important;}
}


/* --- Remove page title + breadcrumb block on checkout page only --- */
body.woocommerce-checkout .sc_layouts_title{
	display:none!important;
}
body.woocommerce-checkout .top_panel_title{
	display:none!important;
	padding:0!important;
	margin:0!important;
	min-height:0!important;
	height:0!important;
}
body.woocommerce-checkout .top_panel{
	min-height:0!important;
	padding:0!important;
	margin:0!important;
	height:auto!important;
}


/* --- Remove page title + breadcrumb block on cart page only (same as checkout) --- */
body.woocommerce-cart .sc_layouts_title{
	display:none!important;
}
body.woocommerce-cart .top_panel_title{
	display:none!important;
	padding:0!important;
	margin:0!important;
	min-height:0!important;
	height:0!important;
}


/* --- Remove privacy policy text on checkout (T&C checkbox kept, required for order validation) --- */
body.woocommerce-checkout .woocommerce-privacy-policy-text{
	display:none!important;
}


/* --- Checkout: hide section headings (Billing details, etc.), keep field labels as placeholders --- */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3{
	display:none!important;
}


/* --- Checkout: Country field styled as bordered box with floating label on top (matches reference) --- */
body.woocommerce-checkout #billing_country_field{
	position:relative;
	border:2px solid #D9DEE3;
	border-radius:14px;
	padding:10px 16px 8px;
	margin-bottom:12px!important;
}
body.woocommerce-checkout #billing_country_field label{
	position:static!important;
	clip:auto!important;
	width:auto!important;
	height:auto!important;
	margin:0!important;
	overflow:visible!important;
	display:block!important;
	font-size:13px!important;
	color:#8E919D!important;
	font-weight:400!important;
	line-height:1.3;
}
body.woocommerce-checkout #billing_country_field label .required{
	display:none;
}
body.woocommerce-checkout #billing_country_field .woocommerce-input-wrapper{
	display:block;
}
body.woocommerce-checkout #billing_country_field select{
	border:0!important;
	padding:0!important;
	margin:0!important;
	font-size:20px!important;
	font-weight:600;
	color:#181D4E;
	background:transparent!important;
	width:100%;
	appearance:none;
	-webkit-appearance:none;
}
body.woocommerce-checkout #billing_country_field .select2-container{
	width:100%!important;
}
body.woocommerce-checkout #billing_country_field .select2-selection{
	border:0!important;
	padding:0!important;
	height:auto!important;
	background:transparent!important;
}
body.woocommerce-checkout #billing_country_field .select2-selection__rendered{
	padding:0!important;
	font-size:20px!important;
	font-weight:600;
	color:#181D4E!important;
	line-height:1.3!important;
}
body.woocommerce-checkout #billing_country_field .select2-selection__arrow{
	top:auto!important;
	bottom:6px;
	right:4px;
}


/* --- Checkout: "Your order" as a collapsible dropdown --- */
body.woocommerce-checkout .dd-order-toggle{
	cursor:pointer;
	display:flex;
	align-items:center;
	user-select:none;
}
body.woocommerce-checkout .dd-order-toggle-chevron{
	font-size:16px;
	margin-left:8px;
	transition:transform .2s ease;
	color:#181D4E;
}
body.woocommerce-checkout .dd-order-toggle.dd-order-open .dd-order-toggle-chevron{
	transform:rotate(180deg);
}
body.woocommerce-checkout div.dd-order-collapsed{
	display:none;
}


/* --- Remove checkout validation error notices (explicit user choice) --- */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout{
	display:none!important;
}


/* --- Reduce excess trailing whitespace below checkout form (mobile + desktop) --- */
body.woocommerce-checkout .content_wrap,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .col-1,
body.woocommerce-checkout .col-2{
	padding-bottom:0!important;
	margin-bottom:0!important;
	min-height:0!important;
}
body.woocommerce-checkout .page_content_wrap{
	padding-top:20px!important;
	padding-bottom:20px!important;
}


/* --- Remove empty "Additional fields" wrapper space (Order notes field was removed, wrapper div remained) --- */
body.woocommerce-checkout .woocommerce-additional-fields{
	display:none!important;
	margin:0!important;
	padding:0!important;
}
body.woocommerce-checkout #order_review_heading{
	margin-top:0!important;
}


/* --- Remove "Ship to a different address?" toggle + its hidden field block (single-address checkout) --- */
body.woocommerce-checkout .col-2{
	display:none!important;
}


/* --- Checkout: true floating labels (label sits over input, floats up on focus/fill) --- */
body.woocommerce-checkout #customer_details .form-row:not(#billing_country_field){
	position:relative;
	padding-top:14px!important;
}
body.woocommerce-checkout #customer_details .form-row:not(#billing_country_field) label{
	position:absolute!important;
	top:28px;
	left:0;
	clip:auto!important;
	width:auto!important;
	height:auto!important;
	margin:0!important;
	overflow:visible!important;
	font-size:15px;
	color:#8E919D;
	line-height:1.3;
	pointer-events:none;
	transition:top .15s ease,font-size .15s ease,color .15s ease;
	z-index:1;
}
body.woocommerce-checkout #customer_details .form-row:not(#billing_country_field) label .required{
	display:none;
}
body.woocommerce-checkout #customer_details .form-row.dd-field-active:not(#billing_country_field) label{
	top:0;
	font-size:12px;
	color:#12AEE0;
}


/* --- Remove footer on checkout page only --- */
body.woocommerce-checkout .footer_wrap{
	display:none!important;
}


/* --- Checkout policy links row (replaces the hidden footer) --- */
body.woocommerce-checkout .dd-checkout-policy-links{
	text-align:center;
	padding:24px 12px 40px;
	font-size:13px;
	color:#8E919D;
	white-space:nowrap;
	overflow-x:auto;
}
@media (max-width:480px){
	body.woocommerce-checkout .dd-checkout-policy-links{
		font-size:11px;
		padding:20px 8px 32px;
	}
	body.woocommerce-checkout .dd-checkout-policy-sep{
		margin:0 6px;
	}
}
body.woocommerce-checkout .dd-checkout-policy-links a{
	color:#8E919D;
	text-decoration:underline;
}
body.woocommerce-checkout .dd-checkout-policy-links a:hover{
	color:#12AEE0;
}
body.woocommerce-checkout .dd-checkout-policy-sep{
	margin:0 10px;
	color:#D9DEE3;
}


/* --- "Order Summary" heading: total price shown before the chevron --- */
body.woocommerce-checkout .dd-order-toggle-total{
	font-size:24px;
	font-weight:400;
	color:#4A4F63!important;
	margin-left:auto;
	margin-right:14px;
}
body.woocommerce-checkout .dd-order-toggle-total *{
	color:inherit!important;
	font-weight:inherit!important;
}


/* --- Place order button: full width + animation --- */
body.woocommerce-checkout #place_order{
	width:100%!important;
	display:block!important;
	position:relative;
	overflow:hidden;
	padding:18px 0!important;
	font-size:17px!important;
	border-radius:10px!important;
	transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
	animation:dd-place-order-pulse 2.2s ease-in-out infinite;
}
body.woocommerce-checkout #place_order::after{
	content:'';
	position:absolute;
	top:0;
	left:-150%;
	width:60%;
	height:100%;
	background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);
	transform:skewX(-20deg);
	animation:dd-place-order-shine 2.6s ease-in-out infinite;
	pointer-events:none;
}
@keyframes dd-place-order-shine{
	0%{left:-150%;}
	60%,100%{left:150%;}
}
body.woocommerce-checkout #place_order:hover{
	transform:translateY(-2px) scale(1.01);
	box-shadow:0 10px 28px rgba(24,29,78,.35)!important;
	animation-play-state:paused;
}
body.woocommerce-checkout #place_order:active{
	transform:translateY(0) scale(.99);
}
@keyframes dd-place-order-pulse{
	0%,100%{box-shadow:0 4px 14px rgba(24,29,78,.25);}
	50%{box-shadow:0 4px 22px rgba(24,29,78,.5);}
}


/* --- Remove navigation menu (desktop + mobile hamburger) on checkout page only --- */
body.woocommerce-checkout .menu_main_nav_area,
body.woocommerce-checkout .sc_layouts_menu_mobile_button{
	display:none!important;
}


/* --- Remove search icon from header on checkout page only --- */
body.woocommerce-checkout .header_search,
body.woocommerce-checkout .sc_layouts_search,
body.woocommerce-checkout .search_wrap{
	display:none!important;
}


/* --- Keep "Order summary" heading text on one line, shrink slightly on mobile so it fits alongside the price --- */
body.woocommerce-checkout #order_review_heading{
	white-space:nowrap;
	flex-wrap:nowrap;
}
@media (max-width:480px){
	body.woocommerce-checkout #order_review_heading{
		font-size:20px!important;
	}
	body.woocommerce-checkout .dd-order-toggle-total{
		font-size:18px!important;
	}
}


/* --- Remove coupon toggle and step status bar on checkout --- */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce_status_bar{
	display:none!important;
}


/* --- Increase WhatsApp floating chat icon size globally (overrides plugin's inline style) --- */
#ht-ctc-chat svg{
	width:44px!important;
	height:44px!important;
}


/* --- All checkout fields get a bordered box (matching Country field's style) --- */
body.woocommerce-checkout #customer_details .form-row{
	border:2px solid #D9DEE3!important;
	border-radius:14px!important;
	padding:24px 18px 18px!important;
	margin-bottom:12px!important;
}
body.woocommerce-checkout #customer_details .form-row label{
	top:22px;
	left:18px!important;
}
body.woocommerce-checkout #customer_details .form-row.dd-field-active label{
	top:8px;
}
body.woocommerce-checkout #customer_details .form-row input.input-text,
body.woocommerce-checkout #customer_details .form-row input[type="tel"],
body.woocommerce-checkout #customer_details .form-row input[type="email"]{
	border:0!important;
	padding:0!important;
	background:transparent!important;
}


/* --- Payment method radio buttons: circular instead of square --- */
/* The visible box is a ::before pseudo-element on the label (input itself is visually hidden), so target that. */
body.woocommerce-checkout ul.payment_methods input[type="radio"]+label:before,
body.woocommerce-checkout ul.payment_methods input[type="radio"]+.wpcf7-list-item-label:before{
	border-radius:50%!important;
}


/* --- Reduce large empty top space above checkout form (Elementor section default padding) --- */
body.woocommerce-checkout .elementor-element-3f970764{
	padding-top:12px!important;
	padding-bottom:0!important;
}


/* --- Checkout: on validation error, just outline the box red — no red text --- */
body.woocommerce-checkout #customer_details .form-row.woocommerce-invalid{
	border-color:#FF5B4A!important;
}
body.woocommerce-checkout #customer_details .form-row.woocommerce-invalid label,
body.woocommerce-checkout #customer_details .form-row.woocommerce-invalid label .required,
body.woocommerce-checkout #customer_details .form-row.woocommerce-invalid.dd-field-active label{
	color:#8E919D!important;
}
body.woocommerce-checkout #customer_details .form-row.woocommerce-invalid.dd-field-active label{
	color:#12AEE0!important;
}


/* --- Checkout: zero out every remaining top-spacing source above the form --- */
body.woocommerce-checkout .page_content_wrap,
body.woocommerce-checkout .page_content_wrap>.content_wrap,
body.woocommerce-checkout .content_wrap>.content,
body.woocommerce-checkout .woocommerce{
	padding-top:0!important;
	margin-top:0!important;
	min-height:0!important;
}
body.woocommerce-checkout .elementor-element-3f970764{
	padding-top:0!important;
	margin-top:0!important;
}

/* --- Checkout: show Order Summary as a full-width bar at the top, responsive only --- */
@media (max-width:768px){
	body.woocommerce-checkout form.checkout{
		display:flex;
		flex-direction:column;
		overflow:visible!important;
	}
	body.woocommerce-checkout #order_review_heading{
		order:-1;
		overflow:visible!important;
		margin-top:0!important;
		margin-bottom:0!important;
		width:auto;
		margin-left:calc(-50vw + 50%)!important;
		margin-right:calc(-50vw + 50%)!important;
		padding:20px 16px!important;
		background:#E5E7EB!important;
		border-bottom:1px solid #D0D4D9!important;
		box-sizing:border-box;
	}

	/* --- Checkout: "Contact"/"Delivery" section headings (mobile only) + Email moved above Country --- */
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
		display:flex;
		flex-direction:column;
	}
	body.woocommerce-checkout .dd-checkout-section-heading{
		display:block;
		font-size:22px;
		font-weight:700;
		color:#181D4E;
		margin:0 0 16px;
	}
	body.woocommerce-checkout .dd-checkout-section-heading-contact{
		order:-2;
		margin-top:24px;
	}
	body.woocommerce-checkout #billing_email_field{
		order:-1;
	}
	body.woocommerce-checkout .dd-checkout-section-heading-delivery{
		margin-top:8px;
	}
}
@media (min-width:769px){
	body.woocommerce-checkout .dd-checkout-section-heading{
		display:none;
	}
}


/* --- Checkout: order table sits directly under the summary bar once relocated there (mobile) --- */
@media (max-width:768px){
	body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table{
		width:100%;
		box-sizing:border-box;
		padding:16px;
		margin:0 0 20px!important;
		background:#fff;
		border-bottom:1px solid #E5E7EB;
	}
}


/* --- Remove redundant "Select Color:" label above the variations table (parent theme adds it via woocommerce_before_variations_form; WooCommerce's own attribute label already shows it) --- */
.select-color-label{
	display:none!important;
}


/* --- Checkout: coupon field relocated inside the Order Summary table (between products and totals) --- */
body.woocommerce-checkout form.checkout_coupon{
	display:block!important;
	margin:0 0 20px!important;
	padding:16px 0 0!important;
	border:0!important;
	background:none!important;
	box-shadow:none!important;
	width:100%;
}
@media (max-width:768px){
	body.woocommerce-checkout form.checkout_coupon{
		padding:16px 0 0!important;
		margin:0 0 16px!important;
	}
}
/* The theme's skin template renders the button BEFORE the input inside .cart-coupon-inner —
   flex order puts the input back on the left where the reference design has it. */
body.woocommerce-checkout form.checkout_coupon .cart-coupon-inner{
	display:flex!important;
	gap:8px;
	align-items:center;
	width:100%;
}
body.woocommerce-checkout form.checkout_coupon .cart-coupon-inner input#coupon_code{
	order:1;
	flex:1 1 auto;
}
body.woocommerce-checkout form.checkout_coupon .cart-coupon-inner button{
	order:2;
	flex:0 0 auto;
}
body.woocommerce-checkout form.checkout_coupon p{
	display:none!important;
}
body.woocommerce-checkout form.checkout_coupon input#coupon_code{
	width:100%;
	height:42px;
	border:1px solid #D9DEE3;
	border-radius:8px;
	padding:0 14px;
	font-size:14px;
	box-sizing:border-box;
}
body.woocommerce-checkout form.checkout_coupon button{
	height:42px;
	background:#fff;
	color:#181D4E;
	border:1px solid #D9DEE3;
	border-radius:8px;
	padding:0 20px;
	font-family:'Poppins',sans-serif;
	font-weight:600;
	font-size:14px;
	cursor:pointer;
	transition:border-color .15s ease,color .15s ease;
}
body.woocommerce-checkout form.checkout_coupon button:hover{
	border-color:#12AEE0;
	color:#12AEE0;
}
body.woocommerce-checkout form.checkout_coupon .clear{
	display:none;
}

/* Applied coupon row shown like a small removable tag */
body.woocommerce-checkout tr.cart-discount th,
body.woocommerce-checkout tr.cart-discount td{
	color:#2BB24C!important;
	font-weight:600;
}
body.woocommerce-checkout tr.cart-discount .woocommerce-remove-coupon{
	color:#8E919D;
	margin-left:8px;
	text-decoration:none;
	font-weight:400;
}
body.woocommerce-checkout tr.cart-discount .woocommerce-remove-coupon:hover{
	color:#E0322E;
}


/* --- Scroll-to-top button: dark navy in the normal state (cyan stays as hover) --- */
/* The base rule needs !important to beat the theme's var()-driven colors, which in turn
   means the hover state needs it too or the base rule would win there as well. */
.scroll_to_top_style_default,
.trx_addons_scroll_to_top{
	background-color:#181D4E!important;
	border-color:#181D4E!important;
	color:#fff!important;
}
.scroll_to_top_style_default:hover,
.trx_addons_scroll_to_top:hover{
	background-color:#12AEE0!important;
	border-color:#12AEE0!important;
	color:#fff!important;
}


/* --- Desktop dropdown submenu: hovered/current item was white (theme's --theme-color-extra_hover) --- */
/* Scoped to '> li li' so only submenu items change; the top-level nav hover colour is untouched. */
.sc_layouts_menu_nav>li li>a:hover,
.sc_layouts_menu_nav>li li.sfHover>a,
.sc_layouts_menu_nav>li li[class*="current-menu-"]>a,
.menu_main_nav>li li>a:hover,
.menu_main_nav>li li.sfHover>a,
.menu_main_nav>li li[class*="current-menu-"]>a{
	color:#181D4E!important;
}
