/* Hardware Attitude — Layout (header, footer, navigation) */

/* Header responsive */
.ha-hide-mobile { display: inline; }
.ha-hide-tablet { display: flex; }

@media (max-width: 768px) {
	.ha-hide-mobile { display: none !important; }
	.ha-hide-tablet { display: none !important; }
}
@media (max-width: 1024px) {
	.ha-hide-tablet { display: none !important; }
}

/* Sub-navigation links */
.ha-subnav-link { padding: 0.5rem 0.75rem; border-radius: 0.25rem; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600; transition: background 0.15s; }
.ha-subnav-link:hover { background: transparent; }

/* Header actions — locale sizing to match other header items */
.ha-locale-wrapper li.select-dropdown.select-current { padding: 0.5rem 0.75rem; }
.ha-locale-wrapper .select-current > a { display: flex; align-items: center; min-height: 20px; }

/* Header actions hover — slightly darker on hover */
.ha-header a[href*="register"]:hover,
.ha-header a[href*="login"]:hover,
.ha-account-dropdown > button:hover,
.ha-basket-wrapper .basket-mini .menu:hover { background: var(--ai-secondary) !important; }
.ha-locale-wrapper li.select-current:hover { background: #f1f3f5; border-radius: 6px; }

/* Aimeos search component integration */
.ha-search-wrapper .catalog-filter { margin: 0; padding: 0; }
.ha-search-wrapper .catalog-filter nav.container-xxl { padding: 0; margin: 0; max-width: none; }
.ha-search-wrapper .catalog-filter form { margin: 0; }
.ha-search-wrapper .catalog-filter-search { margin: 0; padding: 0; }
.ha-search-wrapper .catalog-filter-search .header-name { display: none; }
.ha-search-wrapper .catalog-filter-search .search-lists { width: 100%; }
.ha-search-wrapper .catalog-filter-search .input-group {
	display: flex; width: 100%; border-radius: 6px; overflow: hidden;
}
.ha-search-wrapper .catalog-filter-search .value {
	flex: 1; border: none; background: var(--ai-bg);
	height: 2.5rem; font-size: 0.875rem; padding: 0 1rem;
	border-radius: 0;
}
.ha-search-wrapper .catalog-filter-search .value::placeholder {
	font-weight: 400;
	color: #9ca3af;
	opacity: 1;
}
.ha-search-wrapper .catalog-filter-search .value:focus {
	box-shadow: none; outline: none;
}
.ha-search-wrapper .catalog-filter-search .input-group:focus-within {
	border-color: var(--ai-secondary); box-shadow: 0 0 0 2px rgba(21, 69, 222, 0.15);
}
.ha-search-wrapper .catalog-filter-search .reset { display: none; }
.ha-search-wrapper .catalog-filter-search .btn-search {
	background: var(--ai-secondary-alt);
	width: 120px; height: 2.5rem;
	display: flex; align-items: center; justify-content: center; cursor: pointer;
	border-radius: 0;
}
.ha-search-wrapper .catalog-filter-search .btn-search:hover {
	background: var(--ai-secondary);
}
.ha-search-wrapper .catalog-filter-search .btn-search:after {
	color: #fff;
}

/* Force dark text on Aimeos components inside white header */
.ha-locale-wrapper { color: var(--ai-primary) !important; font-size: 0.875rem !important; font-weight: 500 !important; }
.ha-locale-wrapper .locale-select .select-current > a,
.ha-locale-wrapper .locale-select .select-current > a:hover,
.ha-locale-wrapper .locale-select .select-current > a:link,
.ha-locale-wrapper .locale-select .select-current > a:visited { color: var(--ai-primary) !important; font-size: 0.875rem !important; font-weight: 500 !important; }
.ha-locale-wrapper .locale-select .select-dropdown ul a { color: var(--ai-bg) !important; }
.ha-locale-wrapper .locale-select-currency { display: none; }
.ha-basket-wrapper .basket-mini .menu {
	background: var(--ai-secondary-alt);
	border-radius: 6px;
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	position: relative;
	color: #fff !important;
}
.ha-basket-wrapper .basket-mini .menu .value { display: none; }
.ha-basket-wrapper .basket-mini .menu .quantity {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 18px;
	height: 18px;
	padding: 0;
	border-radius: 50%;
	background: #fd7e14;
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}
.ha-basket-wrapper .basket-mini .menu:after {
	color: #fff !important;
	font-size: 22px;
	line-height: 1;
}
/* Garder le contenu du dropdown panier (.basket) lisible sur fond blanc */
.ha-basket-wrapper .basket-mini .basket,
.ha-basket-wrapper .basket-mini .basket-mini-product .total { color: var(--ai-primary); }

/* Remove default Aimeos dark navbar background and top margin (handled by our sticky header) */
body.ha-body { background-image: none !important; background-size: auto !important; }
body > .content, body .main-section { margin-top: 0 !important; }

/* Constrain main content to max-width, centered */
.content {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

.content .container-fluid {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Footer */
.ha-footer-links { list-style: none; margin: 0; padding: 0; }
.ha-footer-links li { margin-bottom: 0.375rem; font-size: 0.8125rem; }
.ha-footer-links a { color: #adb5bd; text-decoration: none; transition: color 0.15s; }
.ha-footer-links a:hover { color: #fff; }

@media (max-width: 768px) {
	.ha-footer > div > div:first-child { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
	.ha-footer > div > div:first-child { grid-template-columns: 1fr !important; }
}