/*
Theme Name: IKNO Editorial Clean
Theme URI: https://shopikno.com/
Description: An editorial block-theme child for IKNO, built around Air Force 1 culture.
Author: IKNO
Template: twentytwentyfive
Version: 1.2.0
Text Domain: ikno-editorial-clean
*/

:root{
  --ikno-black:#0a0a0a;
  --ikno-paper:#fbfaf7;
  --ikno-white:#fff;
  --ikno-red:#d71920;
  --ikno-rule:rgba(10,10,10,.22);
}

html{scroll-behavior:smooth}
body{background:var(--ikno-paper);color:var(--ikno-black);font-family:Arial,Helvetica,sans-serif;text-rendering:geometricPrecision}

.wp-site-blocks{overflow:hidden;max-width:100vw}
.alignfull{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.wp-site-blocks>header{position:relative;z-index:20;background:rgba(255,255,255,.96);border-top:8px solid var(--ikno-black);border-bottom:1px solid var(--ikno-black);backdrop-filter:blur(12px)}
.wp-site-blocks>header .wp-block-group{max-width:none!important;padding:1rem clamp(1rem,4vw,4rem)!important}
.wp-site-blocks>header .wp-block-site-title{font-size:clamp(2.1rem,5vw,4.8rem);font-weight:900;letter-spacing:-.09em;line-height:.78;text-transform:uppercase}
.wp-site-blocks>header .wp-block-site-title a{text-decoration:none}
.ikno-wordmark{margin:0!important;font-size:clamp(2.1rem,5vw,4.8rem)!important;font-weight:900;letter-spacing:-.09em;line-height:.78;text-transform:uppercase}
.ikno-wordmark a{text-decoration:none!important;color:inherit!important}
.wp-block-navigation{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.wp-block-navigation a{text-decoration:none!important}
.wp-block-navigation a:hover{color:var(--ikno-red)}

main{margin-top:0!important;width:100%;max-width:100%;overflow:hidden}
main>.wp-block-group,main>.wp-block-cover,main>.wp-block-columns{border-bottom:1px solid var(--ikno-rule)}
.wp-block-cover{min-height:min(82vh,900px)!important}
.wp-block-cover img{filter:saturate(.94) contrast(1.06);transform:scale(1.01)}
.wp-block-cover:after{content:"IKNO / AIR FORCE 1 ARCHIVE";position:absolute;left:clamp(1rem,4vw,4rem);bottom:1rem;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.2em;z-index:3}
.wp-block-cover .wp-block-cover__inner-container{max-width:1500px!important;padding:clamp(2rem,6vw,6rem)!important}
.page-id-397 main>.wp-block-post-title,.page-id-397 main>.wp-block-group>.wp-block-post-title:first-child{display:none!important}

h1,h2,h3,.wp-block-heading{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.95;text-transform:uppercase}
h1{font-size:clamp(3.3rem,9vw,8.5rem)}
h2{font-size:clamp(1.65rem,3.4vw,3.8rem)}
h3{font-size:clamp(1.35rem,2.6vw,2.8rem)}
.has-xx-large-font-size{font-size:clamp(3.2rem,7.6vw,8rem)!important;line-height:.88!important}
.has-x-large-font-size{font-size:clamp(2.25rem,5vw,5rem)!important;line-height:.92!important}
.has-large-font-size{font-size:clamp(1.65rem,3vw,3rem)!important}
.has-medium-font-size{font-size:1rem!important;letter-spacing:-.015em!important}
.has-small-font-size{font-size:.78rem!important;line-height:1.2!important;letter-spacing:.07em!important}
p{line-height:1.48}

.wp-block-group.is-layout-constrained{padding-left:clamp(1rem,4vw,4rem);padding-right:clamp(1rem,4vw,4rem)}
.wp-block-post-content{margin-top:0!important}
.wp-block-post-content>*{box-sizing:border-box}
.wp-block-columns{gap:0!important;margin-bottom:0;max-width:100%}
.wp-block-columns>.wp-block-column{min-width:0;padding:clamp(.9rem,2.4vw,2.5rem);border-right:1px solid var(--ikno-rule)}
.wp-block-columns>.wp-block-column:last-child{border-right:0}

/* Existing product rows use italic H2 blocks for availability notes. Keep those
   as quiet utility copy rather than treating them as editorial headlines. */
.wp-block-heading:has(>em){font-family:Arial,Helvetica,sans-serif!important;font-size:.68rem!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.1em!important;text-transform:uppercase!important;opacity:.55;margin-top:.65rem!important}
.wp-block-heading.has-small-font-size+ p,.wp-block-heading.has-small-font-size~p{font-size:.78rem;line-height:1.4}
.wp-block-columns.alignwide{border-top:1px solid var(--ikno-rule);border-bottom:1px solid var(--ikno-rule)}
.wp-block-columns.alignwide+.wp-block-columns.alignwide{border-top:0}

.wp-block-image{position:relative;margin:0;overflow:hidden;background:#ddd}
.wp-block-image:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.wp-block-image img{width:100%;height:auto;filter:saturate(.96) contrast(1.04);transition:filter .25s ease,transform .45s ease}
.wp-block-image:hover img{filter:saturate(1.04) contrast(1.04);transform:scale(1.01)}
.wp-block-gallery{gap:2px!important;background:var(--ikno-black)}
.wp-block-gallery .wp-block-image img{aspect-ratio:4/5;object-fit:cover}
figcaption{font-size:.66rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

.wp-element-button,.wp-block-button__link,.wc-block-components-button{border:1px solid var(--ikno-black)!important;border-radius:0!important;background:var(--ikno-black)!important;color:#fff!important;padding:1rem 1.5rem!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase;box-shadow:none!important;transition:background .2s,color .2s,transform .2s}
.wp-element-button:hover,.wp-block-button__link:hover,.wc-block-components-button:hover{background:var(--ikno-red)!important;color:#fff!important;transform:translateY(-2px)}

.wp-block-post-template{gap:0!important;border-top:1px solid var(--ikno-black)}
.wp-block-post-template>li{padding:clamp(1.2rem,3vw,3rem) 0;border-bottom:1px solid var(--ikno-rule)}
.wp-block-post-title{font-size:clamp(1.8rem,4vw,4rem)!important}
.wp-block-post-date,.wp-block-post-terms{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ikno-black)}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:1rem;background:var(--ikno-paper)}
.woocommerce ul.products li.product img{filter:none;transition:.25s}
.woocommerce ul.products li.product:hover img{filter:saturate(1.06) contrast(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem!important;letter-spacing:-.02em}
.woocommerce .price{color:var(--ikno-black)!important;font-weight:900}

.wp-site-blocks>footer{border-top:1px solid var(--ikno-black);background:var(--ikno-black);color:#f7f5ef}
.wp-site-blocks>footer a{color:#f7f5ef}
.ikno-newsletter{width:100%;max-width:500px;margin:18px 0 0}.ikno-newsletter-field{margin-bottom:12px}.ikno-newsletter input[type=email]{display:block;width:100%;height:48px;box-sizing:border-box;padding:0 16px;border:1px solid #d9d9d9;border-radius:0;background:#fff;color:#000;font:15px/48px Arial,sans-serif}.ikno-newsletter button{display:block;width:100%;height:48px;border:1px solid #fff;border-radius:0;background:transparent;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.12em;cursor:pointer}.ikno-newsletter button:hover{background:#fff;color:#000}

::selection{background:var(--ikno-red);color:#fff}

@media(max-width:900px){
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp-block-columns>.wp-block-column{border-right:0;border-bottom:1px solid var(--ikno-rule)}
  .wp-site-blocks>header .wp-block-navigation{font-size:.65rem}
}
@media(max-width:560px){
  h1{font-size:clamp(2.8rem,15vw,5rem)}
  h2{font-size:clamp(1.55rem,8vw,2.8rem)}
  .has-xx-large-font-size{font-size:clamp(2.8rem,14vw,5.5rem)!important}
  .has-x-large-font-size{font-size:clamp(2.1rem,10vw,4rem)!important}
  .woocommerce ul.products{grid-template-columns:1fr}
  .wp-block-cover{min-height:70vh!important}
}