/*
Theme Name: Honest EIZ
Theme URI: https://honesteiz.us
Author: Honest EIZ
Author URI: https://honesteiz.us
Description: Custom Elementor-ready WordPress theme for Honest EIZ — small-batch streetwear manufacturer. Dark editorial streetwear brand system. Main menu is editable under Appearance > Menus ("Primary Menu"); footer columns are editable under Appearance > Widgets ("Footer 1" through "Footer 5").
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: honesteiz
*/

/* This stylesheet is the theme's required style.css (WordPress reads the header
   above for theme metadata). It also contains all of the theme's compiled CSS,
   enqueued via functions.php using get_stylesheet_uri(). Background-image url()
   paths below are relative to this file's own location (the theme root), which
   is how CSS resolves relative URLs regardless of the page being viewed. */


  :root{
    --black:#0b0b0b;
    --black-2:#131313;
    --black-3:#1a1a1a;
    --navy:#1c6a9c;
    --navy-dark:#0f4f78;
    --orange:#d9560c;
    --red:#e5241b;
    --cream:#ece4d1;
    --gold:#e3a53c;
    --grey:#9a9a9a;
    --line:#2a2a2a;
    --radius:14px;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--black);
    color:#fff;
    font-family:'Arial Black','Helvetica Neue',Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  .eyebrow{font-weight:900;}

  /* ---------- Utility ---------- */
  .wrap{max-width:1400px;margin:0 auto;padding:0 40px;}
  .hscroll{
    display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;
    padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#333 transparent;
  }
  .hscroll::-webkit-scrollbar{height:6px;}
  .hscroll::-webkit-scrollbar-thumb{background:#333;border-radius:6px;}
  .hscroll::-webkit-scrollbar-track{background:transparent;}
  .view-all{
    font-size:12px;font-weight:900;letter-spacing:.5px;
    border-bottom:2px solid #fff;padding-bottom:2px;white-space:nowrap;
  }
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;
    margin-bottom:26px;flex-wrap:wrap;gap:10px;
  }
  .section-title{
    font-size:clamp(28px,4vw,44px);
    color:var(--cream);
    letter-spacing:.5px;
    font-weight:900;
  }
  .pill-btn{
    background:transparent;border:1.5px solid #d8d3c4;color:#efe9db;
    padding:13px 26px;border-radius:30px;font-size:13px;font-weight:700;
    letter-spacing:.3px;transition:background .2s ease,color .2s ease;
  }
  .pill-btn:hover{background:#efe9db;color:#111;}
  .pill-btn.solid{background:#efe9db;color:#111;border-color:#efe9db;}
  .pill-btn.solid:hover{background:transparent;color:#efe9db;}

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(10,10,10,.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid #1c1c1c;
  }
  .nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 40px;max-width:1400px;margin:0 auto;
  }
  .logo{font-size:20px;letter-spacing:.5px;font-weight:900;display:flex;align-items:center;gap:10px;}
  .logo-mark{display:inline-flex;flex:0 0 auto;width:26px;height:20px;}
  .logo-mark svg{width:100%;height:100%;}
  .logo span{color:var(--orange);}
  nav ul{display:flex;gap:34px;list-style:none;}
  nav a{font-size:13px;font-weight:700;letter-spacing:.6px;color:#e7e7e7;transition:color .2s;}
  nav a:hover{color:var(--orange);}
  .navcta{
    border:1.5px solid #fff;padding:10px 22px;border-radius:2px;
    font-size:12px;font-weight:800;letter-spacing:.5px;
  }
  .navcta:hover{background:#fff;color:#111;}
  .burger{display:none;background:none;border:none;color:#fff;font-size:26px;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    min-height:78vh;
    display:flex;align-items:center;justify-content:center;text-align:center;
    background:#111 url('assets/images/hero-bg.jpg') center 30%/cover no-repeat;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,rgba(0,0,0,.55));
  }
  .hero-inner{position:relative;z-index:2;padding:80px 20px;}
  .hero h1{
    font-size:clamp(40px,8vw,92px);
    line-height:.98;
    letter-spacing:1px;
    color:var(--navy);
    text-shadow:0 4px 18px rgba(0,0,0,.35);
  }
  .hero h1 .accent{
    color:var(--orange);
    display:block;
    -webkit-text-stroke:0px;
    background-image:radial-gradient(rgba(255,255,255,.55) 1px, transparent 1.3px);
    background-size:6px 6px;
    -webkit-background-clip:text;
    background-clip:text;
  }

  /* ---------- Factory strip ---------- */
  .strip{background:var(--black);padding:22px 0 30px;}
  .strip .hscroll{padding:0 40px;}
  .strip-card{
    flex:0 0 auto;width:210px;height:150px;border-radius:16px;overflow:hidden;
    filter:grayscale(15%) contrast(1.05);
    scroll-snap-align:start;
  }
  .strip-card img{width:100%;height:100%;object-fit:cover;}

  /* ---------- Recent work ---------- */
  .recent{background:var(--black);padding:10px 0 60px;}
  .product-card{
    flex:0 0 auto;width:230px;scroll-snap-align:start;
  }
  .product-card .thumb{
    width:230px;height:230px;border-radius:var(--radius);
    overflow:hidden;background:#8b8378;
  }
  .product-card img{width:100%;height:100%;object-fit:cover;}

  /* ---------- Honesty / logos ---------- */
  .honesty{background:var(--black);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .honesty h2{
    text-align:center;font-size:clamp(16px,2.2vw,22px);
    letter-spacing:.5px;color:#f2f2f2;padding:14px 0 22px;
  }
  .honesty h2 .red{color:var(--red);}
  .logos-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px;}
  .logo-card{
    flex:0 0 auto;width:120px;height:120px;border-radius:50%;
    overflow:hidden;background:#000;border:1px solid #222;
  }
  .logo-card img{width:100%;height:100%;object-fit:cover;}

  /* ---------- Artifacts statement ---------- */
  .artifacts{background:var(--black);padding:70px 0 50px;}
  .artifacts p{
    font-size:clamp(22px,3.4vw,40px);
    line-height:1.25;color:#d9d4c4;font-weight:900;
    max-width:1050px;letter-spacing:.2px;
  }
  .artifacts .grey{color:#5f5f5f;}
  .artifacts .red-u{color:var(--red);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;}
  .stats{display:flex;gap:60px;margin-top:44px;flex-wrap:wrap;}
  .stat b{display:block;font-size:32px;color:var(--gold);}
  .stat span{display:block;font-size:12px;letter-spacing:.5px;color:#aaa;margin-top:4px;font-weight:700;}

  /* ---------- Sample section ---------- */
  .sample{background:var(--black);padding:70px 0 55px;}
  .video-card{
    flex:0 0 auto;width:260px;height:300px;border-radius:var(--radius);
    overflow:hidden;position:relative;background:#8b8378;scroll-snap-align:start;
  }
  .video-card img{width:100%;height:100%;object-fit:cover;}
  .video-card .vlabel{
    position:absolute;left:0;right:0;bottom:36px;text-align:center;
    font-size:34px;font-weight:900;color:#fff;letter-spacing:1px;
    text-shadow:0 2px 10px rgba(0,0,0,.6);
  }
  .video-card .playdot{
    position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
    background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;
    font-size:12px;
  }

  /* ---------- Full width factory banner ---------- */
  .factory-banner{width:100%;height:420px;overflow:hidden;position:relative;background:#222;}
  .factory-banner img{width:100%;height:100%;object-fit:cover;object-position:center 35%;}

  /* ---------- Denim work ---------- */
  .denim{background:var(--black);padding:60px 0 60px;}

  /* ---------- Feature split blocks ---------- */
  .feature{display:grid;grid-template-columns:1fr 1fr;}
  .feature .panel{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:var(--black-2);}
  .feature .media{height:100%;min-height:340px;overflow:hidden;}
  .feature .media img{width:100%;height:100%;object-fit:cover;}
  .feature .eyebrow-red{color:var(--red);font-size:15px;letter-spacing:.5px;margin-bottom:8px;font-weight:900;}
  .feature h3{font-size:clamp(22px,2.6vw,30px);color:#efe9db;margin-bottom:10px;}
  .feature p.desc{color:#b7b1a1;font-weight:400;font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-bottom:24px;max-width:420px;}
  .feature .btn-row{display:flex;gap:14px;flex-wrap:wrap;}
  .feature.reverse .panel{order:2;}
  .feature.reverse .media{order:1;}
  @media(max-width:820px){
    .feature{grid-template-columns:1fr;}
    .feature .panel{order:2 !important;}
    .feature .media{order:1 !important;min-height:260px;}
  }

  /* ---------- Testimonials ---------- */
  .testimonials{background:var(--black);padding:60px 0 20px;}
  .testi-head{max-width:640px;margin-bottom:34px;}
  .testi-head .eyebrow-red{color:var(--red);font-weight:900;font-size:15px;margin-bottom:6px;}
  .testi-head h3{font-size:clamp(22px,3vw,32px);color:#efe9db;margin-bottom:8px;}
  .testi-head p.desc{color:#b7b1a1;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:15px;margin-bottom:20px;}
  .review-card{
    flex:0 0 auto;width:250px;height:300px;border-radius:var(--radius);
    overflow:hidden;position:relative;background:#333;scroll-snap-align:start;
  }
  .review-card img{width:100%;height:100%;object-fit:cover;}
  .review-card .rtag{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:26px;font-weight:900;color:rgba(255,255,255,.85);
    transform:rotate(-8deg);text-shadow:0 2px 8px rgba(0,0,0,.5);
    text-align:center;line-height:1.1;pointer-events:none;
  }

  /* ---------- Social row ---------- */
  .social{background:var(--black);border-top:1px solid var(--line);padding:50px 0 60px;}
  .social-grid{display:flex;gap:26px;overflow-x:auto;padding-bottom:10px;}
  .social-col{flex:0 0 auto;width:230px;text-align:center;}
  .social-col h4{font-size:15px;letter-spacing:.6px;margin-bottom:16px;font-weight:900;color:#f1f1f1;}
  .phone{
    border-radius:20px;overflow:hidden;border:1px solid #2a2a2a;background:#111;
  }
  .phone img{width:100%;display:block;}

  /* ---------- Footer ---------- */
  footer{
    position:relative;
    background:#0a0a0a url('assets/images/footer-castle.jpg') center/cover no-repeat;
    padding-top:220px;
  }
  footer::before{
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,0) 0%,rgba(6,6,6,.55) 35%,rgba(6,6,6,.94) 62%,#090909 100%);
  }
  .footer-inner{position:relative;z-index:2;background:rgba(9,9,9,.72);padding:50px 0 26px;}
  .footer-grid{
    display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.6fr;gap:30px;
    padding-bottom:40px;border-bottom:1px solid #262626;
  }
  .footer-grid h5{font-size:12px;letter-spacing:.6px;color:#9c9c9c;margin-bottom:16px;font-weight:800;}
  .footer-grid ul{list-style:none;}
  .footer-grid li{margin-bottom:11px;}
  .footer-grid a{font-size:14px;color:#d8d3c4;font-weight:400;font-family:Arial,Helvetica,sans-serif;}
  .footer-grid a:hover{color:#fff;}
  .foot-logo{font-size:19px;font-weight:900;margin-bottom:14px;letter-spacing:.5px;}
  .foot-desc{font-size:14px;color:#a9a49a;font-family:Arial,Helvetica,sans-serif;max-width:260px;line-height:1.5;}
  .newsletter p{font-size:14px;color:#a9a49a;font-family:Arial,Helvetica,sans-serif;margin-bottom:14px;}
  .news-form{display:flex;border-bottom:1px solid #444;max-width:280px;padding-bottom:10px;}
  .news-form input{
    flex:1;background:transparent;border:none;color:#eee;font-size:14px;font-family:Arial,Helvetica,sans-serif;outline:none;
  }
  .news-form button{background:none;border:none;color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.4px;}
  .foot-bottom{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
    padding-top:22px;font-size:13px;color:#8a8a8a;font-family:Arial,Helvetica,sans-serif;
  }
  .foot-bottom .legal{display:flex;gap:22px;}
  .foot-bottom a:hover{color:#fff;}

  @media(max-width:900px){
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    nav ul{display:none;}
    .navcta{display:none;}
    .wrap{padding:0 20px;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .strip .hscroll,.recent .hscroll{padding:0 20px;}
  }