/*
Theme Name: Be Open Center
Theme URI: https://example.com
Author: Be Open Center
Description: WordPress theme converted from static HTML. Uses ACF for editable fields.
Version: 1.0
Text Domain: beopen-center
*/

/* This file only contains the theme header. Main styles are loaded from /assets/css/main.css */

/* Theme overrides and small helpers */

/* Remove list styles from WP menus when rendered inside header */
.header .menu-items,
.header .menu-items ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header .menu-items li {
	display: inline-flex;
	align-items: center;
	margin: 0 8px;
}
.header .menu-items a.nav-link {
	color: #0b1724;
	text-decoration: none;
	padding: 0.25rem 0;
}

/* Ensure header buttons keep original look */
.btn-custom-orange {
	background: #ff8a00;
	color: #fff;
	border-radius: 999px;
	padding: 0.6rem 1.2rem;
	border: none;
}
.btn-custom-white {
	background: #fff;
	color: #111;
	border-radius: 999px;
	padding: 0.5rem 1rem;
	border: 1px solid rgba(0,0,0,0.08);
}

/* Small responsive tweak: keep nav items inline on large screens only */
@media (min-width: 992px) {
	.header .menu-items { display: inline-flex; gap: 1rem; align-items: center; }
}

/* Footer exact-match overrides to match original HTML */
.bg-dark {
	background-color: #0b0e10 !important;
}
.bg-dark h6,
.bg-dark h5,
.bg-dark h4,
.bg-dark .fw-bold {
	color: #ffffff !important;
}
.bg-dark p,
.bg-dark .small,
.bg-dark li {
	color: rgba(255,255,255,0.85) !important;
}
.bg-dark a {
	color: rgba(255,255,255,0.85) !important;
}
.bg-dark .btn-outline-light {
	border-color: rgba(255,255,255,0.15) !important;
}
.bg-dark .border-top {
	border-color: rgba(255,255,255,0.06) !important;
}

/* About cards - ensure 'Comunidad' icon uses salmon tone */
.about-card--orange .about-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #fff5f2; /* very light salmon background */
	margin: 0 auto 1rem;
}
.about-card--orange .about-card__icon i {
	color: #ff7f66; /* salmon */
	font-size: 1.6rem;
}