/* =============================================================================
   Bare Rebellion — site-wide chrome
   Ported from the DesignCanvas export's shared <style> blocks.
   ============================================================================= */

:root { --acc:#d4495a; --acc-deep:#9b2335; --ink:#0a0a0a; --cream:#f2efe9; }

*{ box-sizing:border-box; }
.br-root ::selection{ background:var(--acc); color:var(--ink); }
.br-root img{ display:block; }

/* announcement bar */
.br-announce{
	background:#0a0a0a; color:#f2efe9; display:flex; justify-content:center; align-items:center;
	gap:44px; font-family:'Jost',sans-serif; font-size:11px; font-weight:500; letter-spacing:.3em;
	text-transform:uppercase; padding:11px 20px; border-bottom:1px solid rgba(242,239,233,.1); flex-wrap:wrap;
}

/* animated underline links */
.br-link{ position:relative; }
.br-link::after{ content:""; position:absolute; left:0; bottom:-4px; height:1px; width:0; background:currentColor; transition:width .4s cubic-bezier(.2,.7,.2,1); }
.br-link:hover::after{ width:100%; }

/* full-bleed image zoom-on-hover */
.br-bleed img{ transition:transform 1.3s cubic-bezier(.2,.7,.2,1); }
.br-bleed:hover img{ transform:scale(1.045); }

/* product shot zoom + quick-add reveal */
.br-prod .br-shot{ transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.br-prod:hover .br-shot img{ transform:scale(1.05); }
.br-quick{ opacity:0; transform:translateY(10px); transition:opacity .4s ease, transform .4s cubic-bezier(.2,.7,.2,1); }
.br-prod:hover .br-quick{ opacity:1; transform:translateY(0); }

/* CTA lift */
.br-cta{ transition:background .35s ease, color .35s ease, border-color .35s ease, transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; }
.br-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.4); }
.br-cta-ghost:hover{ border-color:var(--cream); }

/* -------------------------------------------------------------------------
   Reveal-on-scroll — bare.js toggles .is-in when the element enters view.
   ------------------------------------------------------------------------- */
[data-reveal]{ opacity:0; will-change:opacity, transform; transition:opacity 1.05s cubic-bezier(.2,.7,.2,1), transform 1.05s cubic-bezier(.2,.7,.2,1); }
[data-reveal="up"]{ transform:translateY(38px); }
[data-reveal="right"]{ transform:translateX(-44px); }
[data-reveal="left"]{ transform:translateX(44px); }
[data-reveal].is-in{ opacity:1; transform:none; }

/* -------------------------------------------------------------------------
   Bag drawer (real WooCommerce mini-cart lives inside .br-minicart)
   ------------------------------------------------------------------------- */
.br-drawer.is-open{ pointer-events:auto !important; }
.br-drawer.is-open .br-drawer-overlay{ opacity:1 !important; }
.br-drawer.is-open .br-drawer-panel{ transform:translateX(0) !important; }
.br-drawer-x{ transition:color .25s ease, transform .3s ease; }
.br-drawer-x:hover{ color:var(--acc); transform:rotate(90deg); }

.br-minicart{ flex:1; display:flex; flex-direction:column; min-height:0; }
.br-minicart .widget_shopping_cart_content{ flex:1; display:flex; flex-direction:column; min-height:0; }

/* WooCommerce mini-cart, reskinned to the drawer design */
.br-minicart ul.cart_list,
.br-minicart ul.product_list_widget{
	list-style:none; margin:0; padding:8px 28px; flex:1; overflow-y:auto;
}
.br-minicart ul.cart_list li,
.br-minicart ul.product_list_widget li{
	position:relative; padding:22px 0 22px 0; border-bottom:1px solid rgba(242,239,233,.08);
	font-family:'Jost',sans-serif; color:#f2efe9;
}
.br-minicart ul.cart_list li a{ color:#f2efe9; text-decoration:none; font-family:'Bodoni Moda',serif; font-weight:600; font-size:16px; }
.br-minicart ul.cart_list li img{ width:64px; height:auto; float:right; margin-left:14px; border:1px solid rgba(242,239,233,.1); }
.br-minicart ul.cart_list li .quantity{ display:block; margin-top:6px; font-size:13px; color:#a59c91; }
.br-minicart a.remove{ position:absolute; top:22px; left:auto; right:0; color:#5f574f !important; font-size:16px; }
.br-minicart a.remove:hover{ color:var(--acc) !important; background:transparent !important; }
.br-minicart p.total{
	padding:22px 28px 6px; margin:0; border-top:1px solid rgba(242,239,233,.1);
	display:flex; justify-content:space-between; align-items:baseline;
	font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#a59c91;
}
.br-minicart p.total strong{ font-family:'Bodoni Moda',serif; font-size:22px; font-weight:600; color:#f2efe9; letter-spacing:0; text-transform:none; }
.br-minicart p.buttons{ padding:0 28px 28px; margin:0; display:flex; flex-direction:column; gap:12px; }
.br-minicart p.buttons a{
	display:block; text-align:center; text-decoration:none; font-family:'Jost',sans-serif;
	font-size:12px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; padding:18px;
}
.br-minicart p.buttons a.checkout{ color:#0a0a0a; background:var(--acc); }
.br-minicart p.buttons a:not(.checkout){ color:#a59c91; border:1px solid rgba(242,239,233,.2); padding:15px; }
.br-minicart p.woocommerce-mini-cart__empty-message{
	flex:1; display:flex; align-items:center; justify-content:center; text-align:center; margin:0; padding:40px;
	font-family:'Bodoni Moda',serif; font-style:italic; font-size:26px; color:#8a827a;
}

/* footer link underline */
.br-footer .br-link:hover{ color:#f2efe9; }

/* -------------------------------------------------------------------------
   Mobile nav — hamburger + full-screen menu (hidden on desktop)
   ------------------------------------------------------------------------- */
.br-burger{ display:none; flex-direction:column; gap:5px; width:24px; padding:0; background:none; border:none; cursor:pointer; }
.br-burger span{ display:block; height:1.5px; width:22px; background:#f2efe9; transition:transform .3s ease, width .3s ease, opacity .3s ease; }
.br-burger span:nth-child(2){ width:15px; }
.br-burger.is-open span:nth-child(1){ transform:translateY(3.5px) rotate(45deg); }
.br-burger.is-open span:nth-child(2){ width:22px; transform:translateY(-3px) rotate(-45deg); }

.br-mobile-menu{ display:none; }
.br-menu-close{ position:absolute; top:22px; right:24px; background:none; border:none; color:#a59c91; font-size:34px; line-height:1; cursor:pointer; }

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width:900px){
	.br-feature{ grid-template-columns:1fr !important; }
	.br-grid{ grid-template-columns:repeat(2,1fr) !important; }
	.br-service{ grid-template-columns:1fr !important; }
	.br-pdp{ grid-template-columns:1fr !important; }
	.br-pdp-info{ position:static !important; }
}

/* ---- Phone: matches the Bare Rebellion mobile design ---- */
@media (max-width:768px){
	/* nav → hamburger + centered logo + bag pill */
	.br-nav{ padding:13px 18px !important; }
	.br-nav-left a.br-link, .br-nav-right a.br-link{ display:none !important; }
	.br-burger{ display:flex !important; }
	.br-announce{ gap:10px; font-size:9.5px; letter-spacing:.26em; padding:7px 16px; }
	.br-announce-more{ display:none !important; }

	/* full-screen mobile menu */
	.br-mobile-menu.is-open{
		display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px;
		position:fixed; inset:0; z-index:2000; background:rgba(10,10,10,.98); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
		padding:80px 32px;
	}
	.br-mobile-menu a{
		color:#f2efe9; text-decoration:none; padding:14px 8px; font-family:'Bodoni Moda',serif; font-weight:600;
		font-size:26px; text-transform:uppercase; letter-spacing:.02em;
	}
	.br-mobile-menu a:hover{ color:#d4495a; }

	/* hero → shorter, content bottom-aligned */
	.br-hero{ height:560px !important; min-height:0 !important; }
	.br-hero-inner{ justify-content:flex-end !important; padding:0 24px 44px !important; }
	.br-hero .br-cta-ghost{ display:none !important; }

	/* category tiles → first full-width, next two side by side */
	.br-cat-row{ grid-template-columns:1fr 1fr !important; }
	.br-cat-row > a{ height:240px !important; min-height:0 !important; }
	.br-cat-row > a:first-child{ grid-column:1 / -1 !important; height:230px !important; }

	/* new arrivals & related → 2-up */
	.br-arrivals, .br-grid{ grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }

	/* IG feed → 3-up */
	.br-feed{ grid-template-columns:repeat(3,1fr) !important; }

	/* newsletter stacks */
	.br-news{ flex-direction:column; }

	/* footer → centered */
	.br-footer-top{ flex-direction:column !important; align-items:center !important; text-align:center !important; gap:28px !important; }
	.br-footer-cols{ justify-content:center !important; gap:40px !important; text-align:center !important; }
	.br-footer-bottom{ flex-direction:column !important; align-items:center !important; text-align:center !important; gap:10px !important; }
}
@media (min-width:769px){
	.br-mobile-menu{ display:none !important; }
	.br-burger{ display:none !important; }
}