/*
Theme Name: Vivo House Enterprise
Theme URI: https://vivohouse2u.com/
Author: Vivo House Enterprise
Description: Professional printing and packaging WordPress theme for Vivo House Enterprise. Includes Offset, Digital, UV, DTF, Packaging and premium finishing services. Elementor-compatible full-width page template included.
Version: 1.0.0
Text Domain: vivo-house-enterprise
*/

:root{
  --vivo-navy:#0b1723;
  --vivo-navy2:#101f2e;
  --vivo-gold:#c89a3b;
  --vivo-text:#142333;
  --vivo-muted:#66717c;
  --vivo-light:#f5f6f7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--vivo-text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.vh-wrap{width:min(1400px,90%);margin:auto}
.vh-eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--vivo-gold);font-weight:800;text-transform:uppercase}
.vh-center{text-align:center}
.vh-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:13px 20px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border:0;cursor:pointer}
.vh-btn-gold{background:var(--vivo-gold);color:#fff}
.vh-btn-outline{border:1px solid var(--vivo-gold);color:#fff}
.vh-btn-outline-dark{border:1px solid var(--vivo-gold);color:var(--vivo-text)}
.vh-btn-outline-dark:hover{background:var(--vivo-gold);color:#fff}

/* Header */
.vh-header{height:76px;background:var(--vivo-navy);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:999}
.admin-bar .vh-header{top:32px}
.vh-header-inner{width:min(1500px,92%);margin:auto;display:flex;align-items:center;gap:26px}
.vh-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.vh-brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}
.vh-brand-text{display:flex;flex-direction:column;line-height:1}
.vh-brand-text strong{font-size:22px;letter-spacing:1px}
.vh-brand-text small{font-size:8px;letter-spacing:1.5px;margin-top:4px;color:#dfe5ea}
.vh-nav{display:flex;gap:23px;margin-left:auto;align-items:center}
.vh-nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.vh-nav a:hover{color:var(--vivo-gold)}
.vh-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;margin-left:auto}

/* Hero */
.vh-hero{background:var(--vivo-navy);color:#fff;display:grid;grid-template-columns:44% 56%;min-height:600px;overflow:hidden}
.vh-hero-copy{padding:84px 10% 70px 12%}
.vh-hero h1{font-size:54px;line-height:1.03;margin:14px 0 22px;letter-spacing:-1.5px}
.vh-hero h1 span{color:var(--vivo-gold)}
.vh-hero .vh-lead{font-weight:700;font-size:17px}
.vh-hero-copy>p:not(.vh-eyebrow):not(.vh-lead){color:#dce2e7;max-width:590px}
.vh-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.vh-hero-image img{width:100%;height:100%;object-fit:cover;display:block}

/* Sections */
.vh-section{padding:78px 0}
.vh-section h2,.vh-why h2,.vh-quote h2{font-size:34px;line-height:1.18;margin:8px auto 36px;max-width:900px}
.vh-light{background:var(--vivo-light)}
.vh-intro{max-width:760px;margin:-24px auto 30px;color:var(--vivo-muted);font-size:13px}
.vh-services{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vh-service{border:1px solid #e3e6e9;border-radius:9px;padding:24px 16px;text-align:center;background:#fff}
.vh-icon{font-size:29px;color:var(--vivo-gold);height:42px}
.vh-service h3{font-size:14px;margin:8px 0}
.vh-service p{font-size:11px;color:var(--vivo-muted);margin:0}
.vh-products{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1000px;margin:auto}
.vh-products span{background:#fff;border:1px solid #e0e4e7;border-radius:30px;padding:10px 17px;font-size:13px;font-weight:600}
.vh-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.vh-gallery img{width:100%;height:230px;object-fit:cover;display:block;border-radius:3px}
.vh-gallery img:nth-child(2),.vh-gallery img:nth-child(5){grid-column:span 2}
.vh-why{background:#f4f5f6;padding:70px 0}
.vh-why-top h2{text-align:left;margin-left:0;margin-bottom:25px}
.vh-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.vh-why-grid b{font-size:15px}.vh-why-grid p{font-size:13px;color:var(--vivo-muted)}
.vh-quote{background:var(--vivo-navy);color:#fff;padding:58px 0}
.vh-quote-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.vh-quote h2{text-align:left;margin:5px 0 12px}
.vh-quote p:not(.vh-eyebrow){color:#d7dfe6;max-width:700px}
.vh-location{background:#f4f5f6;border-top:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;padding:36px 0}
.vh-location-inner{display:flex;align-items:center;gap:24px}
.vh-location-icon{font-size:36px;color:var(--vivo-gold)}
.vh-location h2{font-size:25px;margin:2px 0 5px}
.vh-location p{margin:0;color:var(--vivo-muted);font-size:13px}
.vh-location .vh-btn{margin-left:auto}
.vh-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}
.vh-contact-card{padding:28px;border:1px solid #e1e5e8;border-radius:8px}
.vh-contact-card h3{margin-top:0}.vh-contact-card p{font-size:13px;color:var(--vivo-muted)}
.vh-contact-card a{color:#1b5ca8;font-weight:700}

/* Footer */
.vh-footer{background:#07131f;color:#d9e0e6;padding:52px 0}
.vh-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:44px}
.vh-footer-col{display:flex;flex-direction:column;gap:8px;font-size:12px}
.vh-footer-col b{color:#fff;margin-bottom:7px}
.vh-footer-logo{width:66px;height:66px;object-fit:contain;background:#fff;border-radius:7px;padding:4px;margin-bottom:8px}
.vh-footer p{font-size:11px;color:#9eabb5}
.vh-copyright{background:#050e17;color:#7f8b95;text-align:center;padding:13px;font-size:10px}

/* Standard WP content */
.vh-content{padding:60px 0;min-height:50vh}
.vh-content h1{font-size:38px}
.alignwide{width:min(1200px,94vw);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}

@media(max-width:1100px){
  .vh-services{grid-template-columns:repeat(3,1fr)}
  .vh-hero h1{font-size:45px}
  .vh-nav{gap:14px}
}
@media(max-width:782px){
  .admin-bar .vh-header{top:46px}
}
@media(max-width:760px){
  .vh-header{height:68px}
  .vh-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--vivo-navy);padding:20px 5%;flex-direction:column;align-items:flex-start}
  .vh-nav.vh-open{display:flex}
  .vh-menu-toggle{display:block}
  .vh-header .vh-btn-gold{display:none}
  .vh-brand img{width:44px;height:44px}
  .vh-hero{grid-template-columns:1fr}
  .vh-hero-copy{padding:60px 7%}
  .vh-hero h1{font-size:40px}
  .vh-hero-image{height:300px}
  .vh-section{padding:58px 0}
  .vh-services{grid-template-columns:repeat(2,1fr)}
  .vh-gallery{grid-template-columns:repeat(2,1fr)}
  .vh-gallery img{height:170px}
  .vh-gallery img:nth-child(2),.vh-gallery img:nth-child(5){grid-column:span 1}
  .vh-why-grid,.vh-contact-grid{grid-template-columns:1fr 1fr}
  .vh-quote-inner,.vh-location-inner{flex-direction:column;align-items:flex-start}
  .vh-location .vh-btn{margin-left:0}
  .vh-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .vh-services,.vh-gallery,.vh-why-grid,.vh-contact-grid,.vh-footer-grid{grid-template-columns:1fr}
  .vh-hero h1{font-size:34px}
  .vh-actions{flex-direction:column}
  .vh-actions .vh-btn{width:100%}
}