/*
Theme Name: Brand Portal Theme
Theme URI: https://example.com/brand-portal-theme
Author: Bestby Bites
Author URI: https://example.com
Description: A clean, orange-accented "portal of brands" theme inspired by easy.com. Works together with the Brand Portal plugin to show a hero (group name + description) and a "Discover Our Brand" grid on the homepage. Manage all content from the WordPress admin.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brand-portal-theme
*/

/* ---------- Base ---------- */
*{box-sizing:border-box;}
body{
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#333;
	background:#fff;
	line-height:1.6;
}
a{color:var(--brand-accent,#FF6600);}
img{max-width:100%;height:auto;}

/* ---------- Header ---------- */
.site-header{
	border-bottom:1px solid #ececec;
	position:sticky;top:0;z-index:50;
	background:rgba(255,255,255,.96);
	backdrop-filter:saturate(180%) blur(6px);
}
.site-header__inner{
	max-width:1180px;margin:0 auto;padding:16px 20px;
	display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.site-brand{
	font-size:22px;font-weight:800;text-decoration:none;color:#222;letter-spacing:-.3px;
}
.site-brand span{color:var(--brand-accent,#FF6600);}
.site-logo{display:inline-flex;align-items:center;}
.site-logo img,.custom-logo{max-height:48px;width:auto;display:block;}
.site-nav{display:flex;gap:22px;flex-wrap:wrap;}
.site-nav a{color:#444;text-decoration:none;font-weight:600;font-size:15px;}
.site-nav a:hover{color:var(--brand-accent,#FF6600);}

/* ---------- Generic page content ---------- */
.page-wrap{max-width:820px;margin:0 auto;padding:50px 20px;}
.page-wrap h1,.page-wrap h2{color:#222;}

/* ---------- Footer ---------- */
.site-footer{
	border-top:1px solid #ececec;
	background:#fafafa;
	padding:34px 20px;
	text-align:center;
	color:#777;font-size:14px;
}
.site-footer a{color:var(--brand-accent,#FF6600);text-decoration:none;}

/* When the plugin is not active, give the notice some room */
.brand-portal-fallback{max-width:820px;margin:0 auto;padding:60px 20px;text-align:center;color:#666;}