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

/* Badge "Novo" — product cards (loop) */
.product-label.novo-badge {
	background-color: #2ecc71;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	left: auto;
	z-index: 1;
}

/* Badge "Novo" — single product page */
.novo-badge-single {
	display: inline-block;
	background-color: #2ecc71;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

/* =============================================
 * OUTLET SUBDOMAIN (outlet.ioutletstore.pt)
 * ============================================= */

/* Header — dark theme for outlet */
.ioutlet-outlet .site-header {
	background: #1a1a2e;
}

/* Navigation bar — dark background (overrides Customizer inline #ffffff) */
.ioutlet-outlet .col-full-nav {
	background-color: #1a1a2e !important;
}

/* Navigation — white text on dark nav bar */
.ioutlet-outlet .menu-primary-menu-container > ul > li > a,
.ioutlet-outlet .menu-primary-menu-container > ul > li.nolink > span,
.ioutlet-outlet .main-navigation ul.menu > li > a,
.ioutlet-outlet .main-navigation ul.menu > li.menu-item-has-children > a,
.ioutlet-outlet .main-navigation ul.menu > li.menu-item-has-children > span.caret::after {
	color: #fff !important;
	background-color: transparent !important;
}
.ioutlet-outlet .main-navigation ul.menu > li > a:hover,
.ioutlet-outlet .main-navigation ul.menu > li.menu-item-has-children > a:hover {
	color: #ff6b35 !important;
}
/* Caret arrows white */
.ioutlet-outlet .main-navigation ul.menu > li.menu-item-has-children > span.caret::after {
	background-color: #fff !important;
}
/* Cart icon on nav bar */
.ioutlet-outlet .shoptimizer-cart-icon svg {
	stroke: #fff !important;
}
.ioutlet-outlet .shoptimizer-cart a.cart-contents .count {
	color: #fff !important;
	border-color: #fff !important;
}
.ioutlet-outlet .site-header-cart .cart-contents,
.ioutlet-outlet .site-header .site-header-right a {
	color: #fff;
}
.ioutlet-outlet .shoptimizer-cart .cart-contents .amount,
.ioutlet-outlet .shoptimizer-cart .cart-contents .amount .woocommerce-Price-amount {
	color: #fff !important;
}
/* Search icon */
.ioutlet-outlet .site-header .site-search .search-submit,
.ioutlet-outlet .site-header .shoptimizer-search-icon,
.ioutlet-outlet .mobile-search-toggle svg,
.ioutlet-outlet .shoptimizer-myaccount svg {
	color: #fff;
	stroke: #fff !important;
}
/* Mobile hamburger icon */
.ioutlet-outlet .menu-toggle .bar,
.ioutlet-outlet .menu-toggle .bar::before,
.ioutlet-outlet .menu-toggle .bar::after {
	background-color: #fff !important;
}
.ioutlet-outlet .menu-toggle .bar-text {
	color: #fff !important;
}
/* Mobile nav background */
@media (max-width: 992px) {
	.ioutlet-outlet .col-full-nav {
		background-color: #1a1a2e !important;
	}
	.ioutlet-outlet .main-navigation ul li a {
		color: #fff !important;
	}
	.ioutlet-outlet .main-navigation ul.menu > li.menu-item-has-children > span.caret::after {
		background-color: #fff !important;
	}
}
/* Mega menu dropdown — light bg for readability */
.ioutlet-outlet .main-navigation ul.menu ul.sub-menu {
	background: #fff !important;
}
.ioutlet-outlet .main-navigation ul.menu ul.sub-menu a {
	color: #333 !important;
}
.ioutlet-outlet .main-navigation ul.menu ul.sub-menu a:hover {
	color: #ff6b35 !important;
}
.ioutlet-outlet .main-navigation ul.menu ul.sub-menu .heading > a,
.ioutlet-outlet .main-navigation ul.menu ul.sub-menu .heading > span {
	color: #1a1a2e !important;
	font-weight: 700;
}

/* ─── Outlet Homepage ─── */

/* Category cards grid */
.io-outlet-categories {
	margin-bottom: 40px;
}
.io-outlet-section-title {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
	color: #1a1a2e;
}
.io-outlet-cat-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.io-outlet-cat-card {
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 28px 20px;
	text-align: center;
	text-decoration: none;
	color: #1a1a2e;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.io-outlet-cat-card:hover {
	border-color: #ff6b35;
	box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
	color: #1a1a2e;
}
.io-outlet-cat-icon {
	font-size: 2.5rem;
	display: block;
	margin-bottom: 12px;
}
.io-outlet-cat-card h3 {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 6px;
}
.io-outlet-cat-card p {
	font-size: 0.85rem;
	color: #6c757d;
	margin: 0;
}

/* "Como funciona" section */
.io-outlet-how {
	background: #f8f9fa;
	padding: 40px 30px;
	border-radius: 12px;
	margin-top: 40px;
}
.io-outlet-how-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.io-outlet-how-item {
	text-align: center;
	padding: 20px;
}
.io-outlet-how-icon {
	font-size: 2.2rem;
	margin-bottom: 12px;
}
.io-outlet-how-item h3 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 8px;
	color: #1a1a2e;
}
.io-outlet-how-item p {
	font-size: 0.88rem;
	color: #555;
	margin: 0;
	line-height: 1.5;
}

/* Recent products section */
.io-outlet-recent {
	margin: 40px 0;
}

/* Responsive */
@media (max-width: 768px) {
	.io-outlet-cat-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.io-outlet-how-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.io-outlet-cat-card {
		padding: 20px 14px;
	}
	.io-outlet-cat-icon {
		font-size: 2rem;
	}
}

/* Hide theme sale percentage badge on outlet */
.ioutlet-outlet .sale-item.product-label,
.ioutlet-outlet .onsale,
.ioutlet-outlet .sale-flash {
	display: none !important;
}

/* Badge "Outlet" — product cards (loop) */
.product-label.outlet-badge {
	background-color: #ff6b35;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

/* Badge "Peça" — spare parts */
.product-label.peca-badge {
	background-color: #7c3aed;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

/* Badge "Outlet" — single product page */
.outlet-badge-single {
	display: inline-block;
	background-color: #ff6b35;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

/* Known defects section on PDP */
.io-outlet-defects {
	background: #fff3e0;
	border-left: 4px solid #ff6b35;
	padding: 12px 16px;
	margin: 12px 0;
	border-radius: 0 8px 8px 0;
}
.io-outlet-defects-title {
	font-size: 0.85rem;
	font-weight: 700;
	color: #e65100;
	margin-bottom: 8px;
}
.io-outlet-defects-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.io-outlet-defects-list li {
	font-size: 0.82rem;
	color: #5d4037;
	padding: 3px 0;
	padding-left: 16px;
	position: relative;
}
.io-outlet-defects-list li::before {
	content: "\26A0";
	position: absolute;
	left: 0;
}

/* ─── Savings Badge "Poupa X%" — listing cards ─── */
.savings-badge {
	display: inline-block;
	background: #cc0c39;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 4px;
	margin-top: 4px;
}