/*
	Theme Name: Albion Makaveli
	Theme URI: https://thealbionmakaveli.co.uk/
	Description: Premium organic cotton streetwear. Dark, gold and white brand theme for The Albion Makaveli, built on the Genesis Framework.
	Author: AI.T Ltd
	Author URI: https://thealbionmakaveli.co.uk/
	Version: 1.0.0
	Template: genesis
	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: albion-makaveli
*/

:root{
	--amk-black:#1a1a1a;
	--amk-ink:#000;
	--amk-gold:#B8860B;
	--amk-gold-bright:#d4a017;
	--amk-white:#ffffff;
	--amk-grey:#cfcfcf;
	--amk-line:rgba(184,134,11,.28);
	--amk-sans:Arial,Helvetica,"Segoe UI",sans-serif;
	--amk-black-letter:"UnifrakturCook","UnifrakturMaguntia",serif;
}

/* ---------- Base ---------- */
*{box-sizing:border-box;}
body{
	background-color:var(--amk-black);
	color:var(--amk-white);
	font-family:var(--amk-sans);
	font-size:17px;
	line-height:1.65;
	margin:0;
	-webkit-font-smoothing:antialiased;
}
.wrap{max-width:1140px;margin:0 auto;padding-left:20px;padding-right:20px;}
img{max-width:100%;height:auto;}
a{color:var(--amk-gold);text-decoration:none;}
a:hover,a:focus{color:var(--amk-gold-bright);}
p{margin:0 0 1.2em;}

h1,h2,h3,h4{font-family:var(--amk-sans);color:var(--amk-white);line-height:1.2;}
.amk-display{font-family:var(--amk-black-letter);font-weight:700;color:var(--amk-gold);letter-spacing:.5px;}

/* ---------- Buttons ---------- */
.amk-btn,
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce input.button{
	display:inline-block;
	background:var(--amk-gold);
	color:var(--amk-ink)!important;
	font-family:var(--amk-sans);
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:15px;
	padding:14px 30px;
	border:2px solid var(--amk-gold);
	border-radius:2px;
	cursor:pointer;
	text-decoration:none;
	transition:all .15s ease;
}
.amk-btn:hover,.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce input.button:hover{
	background:var(--amk-gold-bright);
	border-color:var(--amk-gold-bright);
	color:var(--amk-ink)!important;
}
.amk-btn--ghost{background:transparent;color:var(--amk-gold)!important;border-color:var(--amk-gold);}
.amk-btn--ghost:hover{background:var(--amk-gold);color:var(--amk-ink)!important;}

/* ---------- Header ---------- */
.site-header{background:var(--amk-ink);border-bottom:1px solid var(--amk-line);padding:18px 0;}
.site-header .wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
.title-area{text-align:center;margin:0;padding:0;}
.site-title{margin:0;font-size:34px;line-height:1;}
.site-title a{
	font-family:var(--amk-black-letter);
	color:var(--amk-gold)!important;
	font-weight:700;
	letter-spacing:1px;
	display:inline-block;
}
.site-title a:before{
	content:"";
	display:block;
	width:54px;height:38px;
	margin:0 auto 6px;
	background:url('assets/crown.svg') center/contain no-repeat;
}
.site-description{
	color:var(--amk-grey);
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px;
	margin:2px 0 0;
	text-align:center;
}

/* ---------- Primary nav ---------- */
.genesis-nav-menu,
.nav-primary ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;list-style:none;margin:6px 0 0;padding:0;}
.nav-primary{background:var(--amk-ink);}
.genesis-nav-menu a,
.nav-primary a{
	color:var(--amk-white);
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-size:13px;
	font-weight:700;
	padding:8px 2px;
	display:inline-block;
}
.genesis-nav-menu a:hover,
.nav-primary a:hover,
.genesis-nav-menu .current-menu-item>a{color:var(--amk-gold);}

/* ---------- HERO ---------- */
.amk-hero{
	background:
		radial-gradient(circle at 50% 0%,rgba(184,134,11,.10),transparent 55%),
		var(--amk-black);
	text-align:center;
	padding:96px 20px 104px;
}
.amk-hero__crown{width:104px;height:auto;margin:0 auto 26px;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6));}
.amk-hero__title{
	font-family:var(--amk-black-letter);
	color:var(--amk-gold);
	font-weight:700;
	font-size:60px;
	line-height:1;
	margin:0 0 18px;
	text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.amk-hero__sub{color:var(--amk-white);font-size:19px;letter-spacing:.4px;margin:0 auto 34px;max-width:560px;}

/* ---------- Section frame ---------- */
.amk-section{padding:72px 20px;}
.amk-section--alt{background:var(--amk-ink);}
.amk-section__head{text-align:center;max-width:720px;margin:0 auto 44px;}
.amk-section__head h2{
	font-family:var(--amk-black-letter);
	color:var(--amk-gold);
	font-size:40px;
	margin:0 0 10px;
}
.amk-section__head p{color:var(--amk-grey);margin:0;}

/* ---------- Collection grid ---------- */
.amk-collections{display:grid;grid-template-columns:1fr;gap:18px;max-width:1140px;margin:0 auto;}
@media(min-width:600px){.amk-collections{grid-template-columns:repeat(2,1fr);}}
@media(min-width:980px){.amk-collections{grid-template-columns:repeat(3,1fr);}}
.amk-collection{
	position:relative;display:block;
	background:#141414;
	border:1px solid var(--amk-line);
	border-radius:5px;overflow:hidden;
	aspect-ratio:1/1;
	transition:border-color .2s ease,transform .2s ease;
}
.amk-collection:hover{border-color:var(--amk-gold);transform:translateY(-3px);}
.amk-collection__img{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	padding:30px;
}
.amk-collection__img img{max-height:100%;width:auto;object-fit:contain;}
.amk-collection__name{
	position:absolute;left:0;right:0;bottom:0;
	background:linear-gradient(transparent,rgba(0,0,0,.85)55%);
	color:var(--amk-white);
	font-family:var(--amk-black-letter);
	font-size:24px;
	text-align:center;
	padding:40px 12px 16px;
}
.amk-collection:hover .amk-collection__name{color:var(--amk-gold);}

/* ---------- Brand story ---------- */
.amk-brand{text-align:center;max-width:760px;margin:0 auto;}
.amk-brand h2{font-family:var(--amk-black-letter);color:var(--amk-gold);font-size:42px;margin:0 0 22px;}
.amk-brand p{font-size:19px;color:var(--amk-white);}
.amk-brand .amk-tagline{font-family:var(--amk-black-letter);color:var(--amk-gold);font-size:30px;margin-top:18px;}

/* ---------- Content / WooCommerce ---------- */
.content,.site-inner{padding-top:40px;padding-bottom:40px;}
.entry-title,.page-title,
.woocommerce-products-header__title{font-family:var(--amk-black-letter);color:var(--amk-gold);}
.term-description{color:var(--amk-grey);max-width:760px;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{text-align:center;}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--amk-gold)!important;font-weight:700;}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--amk-white);font-family:var(--amk-sans);font-size:16px;}
.woocommerce ul.products li.product a img{background:var(--amk-white);border-radius:4px;}
.woocommerce .star-rating span{color:var(--amk-gold);}
/* form fields legible on dark */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
	background:#222;color:#fff;border:1px solid #444;border-radius:3px;padding:10px;
}
input:focus,textarea:focus,select:focus{border-color:var(--amk-gold);outline:none;}
::placeholder{color:#888;}

/* WPForms */
.wpforms-field-label{color:var(--amk-white)!important;}
div.wpforms-container input,div.wpforms-container textarea,div.wpforms-container select{background:#222;color:#fff;border:1px solid #444;}

/* ---------- Footer ---------- */
.site-footer{
	background:var(--amk-ink);
	border-top:1px solid var(--amk-line);
	color:var(--amk-grey);
	text-align:center;
	padding:40px 20px;
	font-size:14px;
}
.site-footer a{color:var(--amk-gold);}
.site-footer .amk-foot-crown{width:46px;height:auto;margin:0 auto 14px;display:block;opacity:.9;}
.site-footer p{margin:0 0 6px;}

/* ---------- Responsive ---------- */
@media(max-width:600px){
	.amk-hero{padding:64px 18px 72px;}
	.amk-hero__title{font-size:42px;}
	.amk-hero__sub{font-size:17px;}
	.amk-section{padding:52px 18px;}
	.amk-section__head h2,.amk-brand h2{font-size:32px;}
	.site-title{font-size:28px;}
}