/* === centred title + hugging mini-cart (overwrite everything else) === */


.site-header{
	text-align:center;
	padding:1.5rem 1rem;
	background:#fafafa;
}

/* the wrapper is inline so text-align centres it */
.branding{
	display:inline-flex !important;
	align-items:center !important;
	gap:.75rem !important;          /* spacing between title & cart */
	white-space:nowrap;             /* keep both items on one line  */
}

/* title */
.site-title{margin:0;font-size:2rem;font-weight:700;line-height:1;}
.site-title a{color:white;text-decoration:none;}

/* mini-cart – wipe ALL floats/positions other CSS may add */
.header-mini-cart{
	float:none    !important;
	position:static !important;
	display:inline-flex !important;
	align-items:center  !important;
	text-decoration:none;
	color:inherit;
	font-size:1rem;
}
.header-mini-cart .cart-count{margin-left:.35rem;font-weight:700;}
.header-mini-cart:hover,
.header-mini-cart:focus{opacity:.8;}
/* --- fine-tune vertical alignment of title + cart ------------------- */
.branding{
    align-items:baseline !important;   /* align on the text baseline   */
}

.header-mini-cart{
    /* nudge the icon slightly down so 🛒 baseline = text baseline */
    transform:translateY(2px);         /* tweak: 0-3 px until it looks perfect */
}
/* === FINAL override: keep mini-cart beside title, centred === */
.site-header .header-mini-cart{float:none!important;position:static!important;}
/* ===== simple 3-link footer ======================================== */
.site-footer{
	text-align:center;
	padding:2rem 1rem;
	background:#fafafa;
	font-size:.9rem;
}

.footer-nav{
	display:inline-flex;
	gap:1.5rem;              /* space between links */
}

.footer-nav a{
	color:inherit;
	text-decoration:none;
	position:relative;
	padding:0 .25rem;
}

/* vertical divider using pseudo-element */
.footer-nav a:not(:last-child)::after{
	content:"";
	position:absolute;
	right:-.75rem;          /* half of gap */
	top:50%;                /* center vertically */
	width:1px;
	height:1em;
	background:#ccc;
	transform:translateY(-50%);
}

/* 1. Transparent header background */
.site-header {
    background: transparent !important;
}

/* 2. Baseline‐align the cart icon with the title text and reset any nudges */
.branding {
    align-items: baseline !important;  /* ensures both children share the text baseline */
}

.header-mini-cart {
    transform: none !important;        /* remove any previous translateY() */
    /* if you still need a tiny nudge, use e.g. translateY(1px) or (-1px) */
}
.site-header {
  /* translucent white */
  background: rgba(255, 255, 255, 0.4) !important;
  /* Frosted-glass blur */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari */
  /* keep your existing padding/centering */
  text-align: center;
  padding: 1.5rem 1rem;
}

/* ensure the header sits above content so backdrop-filter works */
.site-header {
  position: relative;
  z-index: 10;
}
.site-header {
  /* semi-transparent white */
  background: rgba(255, 255, 255, 0.5) !important;

  /* frosted-glass blur & boost saturation for crispness */
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);

  /* keep your padding + centering */
  text-align: center;
  padding: 1.5rem 1rem;

  /* ensure it sits above page content so the blur shows */
  position: relative;
  z-index: 10;

  /* optional: a subtle bottom border for definition */
  border-bottom: 1px solid rgba(200, 200, 200, 0.3);
}