/*
Theme Name: ILUKA
Theme URI: https://ilukamusic.com
Author: Think Massive Agency
Author URI: https://thinkmassive.agency
Description: Custom block theme for ILUKA Music, rebuilt from the Shopify "Ritual" storefront.
Version: 1.3.0
Requires at least: 6.5
Requires PHP: 7.4
License: Proprietary
Text Domain: iluka
*/

/* ---------- Header ---------- */
.iluka-header {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .iluka-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .iluka-header { top: 46px; } }

.iluka-header__inner {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 66px;
}
.iluka-header__inner > * { margin-block: 0 !important; }
.iluka-header__inner > :first-child { justify-self: start; }
.iluka-header__inner > :nth-child(2) { justify-self: center; margin: 0 !important; }
.iluka-header__inner > :last-child { justify-self: end; }

.iluka-header .wp-block-site-logo img { height: 36px; width: auto; }
.iluka-header .wp-block-navigation-item__content { color: rgba(255,255,255,.75); }
.iluka-header .wp-block-navigation-item__content:hover,
.iluka-header .current-menu-item > .wp-block-navigation-item__content { color: #fff; }

.iluka-icon-link { display: inline-flex; color: #fff; }
.iluka-icon-link svg { width: 18px; height: 18px; }

/* ---------- Hero ---------- */
.iluka-hero .wp-block-cover__inner-container { text-align: center; }
.iluka-hero .wp-block-cover__inner-container > * { max-width: 1176px !important; }
.iluka-hero__eyebrow { margin-bottom: .25rem !important; }
.iluka-hero__title { margin-top: 0 !important; }

/* ---------- Buttons ---------- */
.wp-block-button__link { transition: opacity .25s ease-out; }
.wp-block-button__link:hover { opacity: .85; }

/* ---------- Videos ---------- */
.iluka-videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 2rem; }
.iluka-video { position: relative; aspect-ratio: 16 / 9; background: #111; }
.iluka-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ---------- Footer ---------- */

.iluka-footer__logo img { width: 140px; height: auto; }
.iluka-footer__bottom { border-top: 1px solid rgba(255,255,255,.35); }
.iluka-footer a { text-decoration: none; }
.iluka-footer a:hover { text-decoration: underline; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	white-space: nowrap;
}

/* ---------- Mobile ---------- */
@media (max-width: 781px) {
	.iluka-hero__title { font-size: 2.5rem !important; letter-spacing: -0.02em !important; }
	.iluka-hero__eyebrow { font-size: 1rem !important; }
	.iluka-footer__top { flex-direction: column; align-items: flex-start !important; }
}

/* Outline buttons (e.g. Watch the video) */
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; border: 1px solid currentColor; border-radius: 4px; padding: 15px 23px; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: #fff; color: #000 !important; opacity: 1; }