/*
Theme Name: Street Iconics V2
Theme URI: https://streeticonics.com/
Author: Street Iconics
Description: Responsive editorial fashion theme inspired by the layout language of the Noémi Fashion reference. Original implementation with isolated SI classes.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: street-iconics
*/
:root{--si-black:#171717;--si-gray:#777;--si-light:#ececec;--si-bg:#fff;--si-max:1170px;--si-serif:Georgia,"Times New Roman",serif;--si-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.si-theme{margin:0;background:#fff;color:var(--si-black);font-family:var(--si-sans);font-size:13px;line-height:1.8}
.si-theme img{display:block;max-width:100%;height:auto}
.si-theme a{color:inherit;text-decoration:none}
.si-wrap{width:calc(100% - 40px);max-width:var(--si-max);margin:0 auto}

/* HEADER */
.si-site-header{background:#fff;position:relative;z-index:100}
.si-header-top{height:118px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;position:relative}
.si-brand{display:flex;align-items:center;justify-content:center}
.si-brand img{max-height:68px;width:auto}
.si-brand-text{font-family:var(--si-serif);font-size:38px;line-height:1;letter-spacing:-1.8px;font-weight:400}
.si-header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px}
.si-icon-btn{border:0;background:none;cursor:pointer;padding:9px;color:#222;font-size:18px}
.si-mobile-toggle{display:none;border:0;background:none;cursor:pointer;font-size:20px;padding:8px}
.si-main-nav{border-bottom:1px solid #eee}
.si-nav-inner{min-height:54px;display:flex;justify-content:center;align-items:center}
.si-menu{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0;padding:0}
.si-menu>li{position:relative}
.si-menu>li>a{display:block;padding:17px 19px 16px;text-transform:uppercase;font-size:10px;letter-spacing:1.25px;font-weight:600}
.si-menu>li>a:hover{color:#999}
.si-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid #eee;padding:8px 0;list-style:none;margin:0;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.si-menu li:hover>.sub-menu{display:block}
.si-menu .sub-menu a{display:block;padding:8px 18px;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.si-search{display:none;border-bottom:1px solid #eee;padding:16px 0}
.si-search form{max-width:600px;margin:auto;display:flex}
.si-search input{width:100%;border:0;border-bottom:1px solid #222;padding:9px 0;font-size:13px;outline:0}

/* CATEGORY STRIP */
.si-category-strip{padding:31px 0 25px;text-align:center}
.si-category-strip a{display:inline-block;margin:0 10px 7px;color:#666;text-transform:uppercase;font-size:9px;letter-spacing:1.35px}
.si-category-strip a:hover{color:#111}

/* FEATURE / POSTS */
.si-home-main{padding-bottom:70px}
.si-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 42px;margin-bottom:58px}
.si-feature-card:first-child{grid-column:1/-1}
.si-feature-card:first-child .si-feature-image{aspect-ratio:2.35/1}
.si-feature-card:not(:first-child) .si-feature-image{aspect-ratio:1.45/1}
.si-feature-image,.si-post-image{background:#f4f4f4;overflow:hidden}
.si-feature-image img,.si-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.si-feature-card:hover img,.si-post-card:hover img{transform:scale(1.025)}
.si-feature-info{text-align:center;padding:19px 12px 0}
.si-post-meta{font-size:9px;color:#8a8a8a;text-transform:uppercase;letter-spacing:1.25px}
.si-feature-title{font-family:var(--si-serif);font-size:31px;line-height:1.18;font-weight:400;margin:7px 0 8px}
.si-feature-card:not(:first-child) .si-feature-title{font-size:25px}
.si-excerpt{max-width:650px;margin:0 auto;color:#777;font-size:12px;line-height:1.8}

/* CONTENT + SIDEBAR */
.si-content-area{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:55px;padding:55px 0 75px;border-top:1px solid #eee}
.si-section-heading{text-align:center;margin-bottom:35px}
.si-section-heading h1,.si-section-heading h2{font-family:var(--si-serif);font-size:27px;font-weight:400;margin:0}
.si-section-heading:after{content:"";display:block;width:34px;height:1px;background:#222;margin:13px auto 0}
.si-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
.si-post-image{aspect-ratio:1.42/1;margin-bottom:18px}
.si-post-card{text-align:center}
.si-post-title{font-family:var(--si-serif);font-size:23px;font-weight:400;line-height:1.25;margin:6px 0 8px}
.si-post-excerpt{font-size:12px;color:#777;margin:0}
.si-sidebar{border-left:1px solid #eee;padding-left:32px}
.si-widget{margin:0 0 40px}
.si-widget-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;font-weight:600;margin:0 0 18px}
.si-widget-title:after{content:"";display:block;width:25px;height:1px;background:#222;margin:10px auto 0}
.si-about-image img{width:100%}
.si-widget p{font-size:12px;color:#777;text-align:center}
.si-cat-list,.si-latest-list{list-style:none;padding:0;margin:0;text-align:center}
.si-cat-list li,.si-latest-list li{padding:7px 0;border-bottom:1px solid #eee;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.si-instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.si-instagram-grid div{aspect-ratio:1;background:#eee}

/* SINGLE */
.si-single{padding:60px 0 85px}
.si-single-header{text-align:center;max-width:860px;margin:0 auto 35px}
.si-single-title{font-family:var(--si-serif);font-weight:400;font-size:clamp(34px,4.5vw,58px);line-height:1.1;margin:10px 0 12px}
.si-single-image{max-width:1000px;margin:0 auto 45px}
.si-single-content{max-width:750px;margin:auto;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.9}
.si-single-content p{margin:0 0 1.4em}
.si-single-content h2,.si-single-content h3{font-weight:400}
.si-single-content a{text-decoration:underline}
.si-tags{max-width:750px;margin:35px auto 0;text-align:center}
.si-tags a{display:inline-block;border:1px solid #ddd;margin:4px;padding:5px 10px;font-family:var(--si-sans);font-size:9px;text-transform:uppercase;letter-spacing:1px}

/* PAGINATION */
.si-pagination{margin-top:55px;text-align:center}
.si-pagination ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:6px}
.si-pagination a,.si-pagination span{display:block;border:1px solid #e5e5e5;padding:5px 10px;font-size:10px}
.si-pagination .current{background:#171717;color:#fff;border-color:#171717}

/* FOOTER */
.si-site-footer{border-top:1px solid #eee;background:#fff}
.si-footer-main{padding:62px 0 48px}
.si-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px}
.si-footer-col{text-align:center}
.si-footer-brand{font-family:var(--si-serif);font-size:30px;font-weight:400;margin:0 0 12px}
.si-footer-text{max-width:310px;margin:0 auto;color:#777;font-size:12px}
.si-footer-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 18px}
.si-footer-menu{list-style:none;padding:0;margin:0}
.si-footer-menu li{margin:5px 0;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.si-footer-social{display:flex;justify-content:center;gap:16px}
.si-footer-social a{font-size:11px}
.si-footer-bottom{border-top:1px solid #eee;text-align:center;padding:18px 0;color:#999;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.si-backtop{position:fixed;right:22px;bottom:22px;width:35px;height:35px;background:#171717;color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s;z-index:150;font-size:14px}
.si-backtop.is-visible{opacity:1;pointer-events:auto}

/* MOBILE */
@media(max-width:850px){
  .si-header-top{height:82px}
  .si-brand-text{font-size:29px}
  .si-brand img{max-height:48px}
  .si-mobile-toggle{display:block;position:absolute;left:0}
  .si-header-actions{right:0}
  .si-main-nav{display:none}
  .si-main-nav.is-open{display:block}
  .si-nav-inner{display:block}
  .si-menu{display:block}
  .si-menu>li{border-top:1px solid #eee}
  .si-menu>li>a{padding:12px 5px}
  .si-menu .sub-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 7px 15px}
  .si-menu .sub-menu a{padding:6px}
  .si-feature-grid{grid-template-columns:1fr;gap:35px}
  .si-feature-card:first-child{grid-column:auto}
  .si-feature-card:first-child .si-feature-image{aspect-ratio:1.45/1}
  .si-content-area{grid-template-columns:1fr}
  .si-sidebar{border-left:0;border-top:1px solid #eee;padding:45px 0 0}
  .si-footer-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:560px){
  .si-wrap{width:calc(100% - 28px)}
  .si-category-strip{padding-top:22px}
  .si-category-strip a{margin-left:7px;margin-right:7px}
  .si-feature-title{font-size:26px}
  .si-feature-card:not(:first-child) .si-feature-title{font-size:22px}
  .si-post-grid{grid-template-columns:1fr;gap:40px}
  .si-content-area{padding-top:40px}
  .si-single{padding-top:40px}
}