/* Lumo Brand CSS — WP Factory */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@500;600&display=swap');

/* ── Base ── */
body { background:#F4EFE9; color:#1A1A1A; font-family:'Inter',sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family:'Poppins',sans-serif; font-weight:500; color:#1A1A1A; }
a { color:#D85A30; } a:hover { color:#b84820; }

/* ── NAVBAR FIX (override Jico blue) ── */
.header-container,
.header,
.header-content,
#header { background-color:#1A1A1A !important; border-bottom:none !important; }
.header.is-sticky,
.header-container.is-sticky { background-color:rgba(26,26,26,0.97) !important; }
.header-composer { background-color:#1A1A1A !important; }
.nav-main > ul > li > a,
.main-navigation a,
.nav-menu > li > a { color:#ffffff !important; font-family:'Poppins',sans-serif; font-weight:500; font-size:15px; }
.nav-main > ul > li > a:hover,
.nav-menu > li > a:hover { color:#D85A30 !important; }
.nav-main ul ul, .nav-menu .sub-menu { background:#111111 !important; border-top:2px solid #D85A30; }
.nav-main ul ul a, .nav-menu .sub-menu a { color:#ffffff !important; font-size:14px; }
.nav-main ul ul a:hover, .nav-menu .sub-menu a:hover { color:#D85A30 !important; }
/* Hamburger */
.mobile-toggle-btn, .nav-toggle, .menu-toggle { color:#ffffff !important; background:transparent !important; }
.mega-menu-toggle .mega-toggle-block-0 span { background:#ffffff !important; }
.mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link { color:#ffffff !important; font-family:'Poppins',sans-serif; font-weight:500; }
.mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link:hover { color:#D85A30 !important; }
.mega-menu-wrap .mega-menu .mega-sub-menu { background:#111111 !important; border-top:2px solid #D85A30; }
.mega-menu-wrap .mega-menu .mega-sub-menu .mega-menu-link { color:#ffffff !important; }
.mega-menu-wrap .mega-menu .mega-sub-menu .mega-menu-link:hover { color:#D85A30 !important; }

/* ── Hero ── */
.lumo-hero { background:#1A1A1A !important; padding:110px 0 !important; position:relative; overflow:hidden; }
.lumo-hero::before { content:''; position:absolute; top:-60px; right:-80px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(216,90,48,0.12) 0%,transparent 70%); pointer-events:none; }
.lumo-hero-inner { max-width:660px; padding-left:40px !important; }
.lumo-eyebrow { display:block; font-family:'Poppins',sans-serif; font-size:11px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:#D85A30; margin-bottom:20px; }
.lumo-hero-h1 { font-family:'Poppins',sans-serif; font-weight:500; font-size:56px; line-height:1.1; color:#ffffff; margin-bottom:20px !important; }
.lumo-hero-p { font-family:'Inter',sans-serif; font-size:18px; line-height:1.7; color:rgba(255,255,255,0.68); margin-bottom:36px !important; max-width:500px; }
.lumo-hero-btns { margin-top:0 !important; }
.lumo-hero-btn-wrap { padding-right:12px !important; }
.lumo-cta-btn a, .lumo-cta-btn .vc_btn3 { background:#D85A30 !important; color:#fff !important; border-radius:8px !important; padding:13px 30px !important; font-family:'Poppins',sans-serif !important; font-weight:500 !important; font-size:15px !important; border:none !important; }
.lumo-cta-btn a:hover, .lumo-cta-btn .vc_btn3:hover { background:#b84820 !important; }
.lumo-cta-btn--outline a, .lumo-cta-btn--outline .vc_btn3 { background:transparent !important; color:#ffffff !important; border:2px solid rgba(255,255,255,0.4) !important; border-radius:8px !important; padding:11px 30px !important; font-family:'Poppins',sans-serif !important; font-weight:500 !important; font-size:15px !important; }
.lumo-cta-btn--outline a:hover { border-color:#ffffff !important; }

/* ── Promo Strip ── */
.lumo-promo-strip { background:#D85A30 !important; padding:14px 0 !important; text-align:center; }
.lumo-promo-text { font-family:'Inter',sans-serif; font-size:14px; color:#ffffff; margin:0; }
.lumo-promo-link { color:#ffffff !important; font-weight:600; text-decoration:underline; margin-left:8px; }
.lumo-promo-link:hover { opacity:0.85; }

/* ── Sections ── */
.lumo-section { padding-top:80px !important; padding-bottom:80px !important; }
.lumo-section--linen { background-color:#F4EFE9 !important; }
.lumo-section--no-pt { padding-top:0 !important; }
.lumo-section-head { text-align:center; margin-bottom:48px !important; }
.lumo-section-head h2 { font-family:'Poppins',sans-serif; font-weight:500; font-size:34px; color:#1A1A1A; margin:0 0 10px; }
.lumo-section-sub { font-family:'Inter',sans-serif; font-size:16px; color:#777; margin:0; }

/* ── Category Cards ── */
.lumo-cat-row { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.lumo-cat-col { padding:0 !important; }
.lumo-cat-card { display:block; background:#ffffff; border-radius:14px; padding:40px 24px 32px; text-align:center; text-decoration:none !important; transition:transform 0.25s ease, box-shadow 0.25s ease; border:2px solid transparent; }
.lumo-cat-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(0,0,0,0.10); border-color:#D85A30; }
.lumo-cat-icon { display:block; font-size:44px; margin-bottom:16px; line-height:1; }
.lumo-cat-label { display:block; font-family:'Poppins',sans-serif; font-weight:500; font-size:17px; color:#1A1A1A; margin-bottom:12px; }
.lumo-cat-cta { display:inline-block; font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:#D85A30; border-bottom:1px solid #D85A30; padding-bottom:2px; }

/* ── Product Grid ── */
.lumo-view-all { text-align:center; margin-top:32px !important; }
.lumo-view-all-link { font-family:'Poppins',sans-serif; font-size:15px; font-weight:500; color:#D85A30 !important; border:2px solid #D85A30; border-radius:8px; padding:10px 28px; text-decoration:none !important; transition:background 0.2s,color 0.2s; }
.lumo-view-all-link:hover { background:#D85A30; color:#fff !important; }
.woocommerce ul.products { display:flex; flex-wrap:wrap; gap:20px; list-style:none; padding:0; margin:0 !important; }
.woocommerce ul.products li.product { background:#fff; border-radius:14px; overflow:hidden; padding:0 0 16px; box-shadow:0 1px 6px rgba(0,0,0,0.06); transition:box-shadow 0.22s,transform 0.22s; flex:1 1 calc(25% - 16px); max-width:calc(25% - 16px); box-sizing:border-box; }
.woocommerce ul.products li.product:hover { box-shadow:0 8px 28px rgba(0,0,0,0.11); transform:translateY(-3px); }
.woocommerce ul.products li.product img { border-radius:14px 14px 0 0; width:100%; display:block; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family:'Poppins',sans-serif; font-weight:500; font-size:15px; color:#1A1A1A; padding:12px 16px 4px; margin:0; }
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price .amount { color:#D85A30; font-weight:600; font-family:'Poppins',sans-serif; font-size:15px; padding:0 16px; }
.woocommerce ul.products li.product .price del { opacity:0.45; font-size:13px; }
.woocommerce ul.products li.product .button { margin:12px 16px 0; display:block; background:#D85A30 !important; color:#fff !important; border-radius:8px !important; text-align:center; font-family:'Poppins',sans-serif !important; font-size:14px !important; font-weight:500 !important; padding:10px 0 !important; border:none !important; text-decoration:none !important; transition:background 0.2s; }
.woocommerce ul.products li.product .button:hover { background:#b84820 !important; }
.woocommerce ul.products li.product .onsale { background:#D85A30; border-radius:6px; font-size:11px; font-weight:700; padding:4px 10px; }

/* ── Why Lumo ── */
.lumo-why { background:#ffffff !important; padding:80px 0 !important; }
.lumo-why-item { text-align:center; padding:0 32px !important; }
.lumo-why-icon { display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; background:#F4EFE9; border-radius:50%; font-size:24px; color:#D85A30; margin:0 auto 20px; border:2px solid #D85A30; }
.lumo-why-title { font-family:'Poppins',sans-serif; font-weight:500; font-size:18px; color:#1A1A1A; margin:0 0 12px; }
.lumo-why-desc { font-family:'Inter',sans-serif; font-size:15px; color:#666; line-height:1.7; margin:0; }

/* ── Trust Strip ── */
.lumo-trust { background:#1A1A1A !important; padding:56px 0 !important; }
.lumo-trust-item { text-align:center; padding:0 20px !important; }
.lumo-trust-icon { font-size:28px; display:block; margin-bottom:12px; }
.lumo-trust-title { font-family:'Poppins',sans-serif; font-weight:500; font-size:16px; color:#fff; margin:0 0 6px; }
.lumo-trust-sub { font-family:'Inter',sans-serif; font-size:13px; color:rgba(255,255,255,0.55); margin:0; }

/* ── Newsletter ── */
.lumo-newsletter { text-align:center; }
.lumo-newsletter-sub { font-family:'Inter',sans-serif; font-size:16px; color:#666; margin-bottom:28px; }
.mc4wp-form { display:flex; justify-content:center; flex-wrap:wrap; gap:0; }
.mc4wp-form input[type=email] { padding:13px 20px; border:2px solid #1A1A1A; border-right:none; border-radius:8px 0 0 8px; font-family:'Inter',sans-serif; font-size:15px; outline:none; width:300px; max-width:60%; background:#fff; }
.mc4wp-form input[type=submit] { padding:13px 28px; background:#D85A30; color:#fff; border:none; border-radius:0 8px 8px 0; font-family:'Poppins',sans-serif; font-size:15px; font-weight:500; cursor:pointer; transition:background 0.2s; }
.mc4wp-form input[type=submit]:hover { background:#b84820; }

/* ── WC Cart / Checkout ── */
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #payment { background:#fff; border-radius:12px; padding:28px; }
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order { background:#D85A30 !important; color:#fff !important; border-radius:8px !important; font-family:'Poppins',sans-serif !important; font-weight:500 !important; }
.woocommerce div.product p.price,.woocommerce div.product span.price { color:#D85A30; font-family:'Poppins',sans-serif; font-size:1.4em; font-weight:600; }
.single_add_to_cart_button { background:#D85A30 !important; color:#fff !important; border-radius:8px !important; font-family:'Poppins',sans-serif !important; font-weight:500 !important; border:none !important; }
.single_add_to_cart_button:hover { background:#b84820 !important; }

/* ── Footer ── */
#footer,.site-footer,.footer-main,.footer-bottom,.footer-wrapper,.footer-wrap { background-color:#1A1A1A !important; color:#F4EFE9 !important; }
#footer a,.site-footer a { color:#F4EFE9 !important; }
#footer a:hover,.site-footer a:hover { color:#D85A30 !important; }

/* ══ RESPONSIVE — TABLET ≤1024px ══ */
@media (max-width:1024px) {
  .lumo-hero-h1 { font-size:42px; }
  .lumo-hero-p { font-size:16px; }
  .woocommerce ul.products li.product { flex:1 1 calc(50% - 12px); max-width:calc(50% - 12px); }
  .lumo-cat-col { flex:1 1 calc(50% - 12px) !important; max-width:calc(50% - 12px) !important; }
  .lumo-why-item { padding:0 16px !important; }
}

/* ══ RESPONSIVE — MOBILE ≤767px ══ */
@media (max-width:767px) {
  /* Hero */
  .lumo-hero { padding:64px 0 !important; }
  .lumo-hero-inner { padding-left:20px !important; padding-right:20px !important; }
  .lumo-hero-h1 { font-size:30px; }
  .lumo-hero-p { font-size:15px; max-width:100%; }
  /* Sections */
  .lumo-section { padding-top:52px !important; padding-bottom:52px !important; }
  .lumo-section-head h2 { font-size:26px; }
  /* Category cards — 2 col */
  .lumo-cat-col { flex:1 1 calc(50% - 10px) !important; max-width:calc(50% - 10px) !important; }
  .lumo-cat-card { padding:28px 16px 24px; }
  .lumo-cat-icon { font-size:34px; }
  /* Product grid — 2 col */
  .woocommerce ul.products li.product { flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px); }
  /* Why Lumo — stack */
  .lumo-why-item { margin-bottom:32px !important; }
  .vc_col-sm-12,.vc_col-sm-6,.vc_col-sm-4,.vc_col-sm-3 { width:100% !important; }
  /* Trust — stack */
  .lumo-trust { padding:40px 20px !important; }
  .lumo-trust-item { padding:16px 0 !important; border-bottom:1px solid rgba(255,255,255,0.1); }
  .lumo-trust-item:last-child { border-bottom:none; }
  .vc_row_inner > .vc_column_inner { width:100% !important; }
  /* Newsletter */
  .mc4wp-form { flex-direction:column; align-items:center; }
  .mc4wp-form input[type=email] { width:100%; max-width:100%; border-right:2px solid #1A1A1A; border-radius:8px; margin-bottom:10px; }
  .mc4wp-form input[type=submit] { width:100%; border-radius:8px; }
  /* WC checkout */
  .woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2 { width:100%; float:none; }
}

/* ══ RESPONSIVE — SMALL MOBILE ≤480px ══ */
@media (max-width:480px) {
  .lumo-hero-h1 { font-size:24px; }
  .woocommerce ul.products li.product { flex:1 1 100%; max-width:100%; }
  .lumo-cat-col { flex:1 1 100% !important; max-width:100% !important; }
}

/* Mobile menu text fix — panel is white bg, links must be dark */
.mobile-menu-container .nav-menu li a,
.mobile-menu .nav-menu li a,
.mobile-menu .nav-menu li a:visited {
  color: #1A1A1A !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.mobile-menu-container .nav-menu li a:hover,
.mobile-menu .nav-menu li a:hover {
  color: #D85A30 !important;
}
/* Sub-menu items in mobile */
.mobile-menu-container .nav-menu li ul li a,
.mobile-menu .nav-menu li ul li a {
  color: #555555 !important;
  font-weight: 400;
  font-size: 14px;
}
.mobile-menu-container .nav-menu li ul li a:hover {
  color: #D85A30 !important;
}
/* Active item */
.mobile-menu-container .nav-menu li.current-menu-item > a,
.mobile-menu .nav-menu li.current-menu-item > a {
  color: #D85A30 !important;
}
/* Toggle button stays white on dark header */
.mbmenu-toggler {
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.mbmenu-icon i { color: #ffffff !important; }

/* Header cart + account icons */
.lumo-nav-icon { display:inline-flex !important; align-items:center; }
.lumo-nav-icon > a {
  color:#ffffff !important;
  font-size:18px !important;
  padding:0 10px !important;
  position:relative;
  display:flex;
  align-items:center;
  text-decoration:none !important;
  transition:color 0.2s;
}
.lumo-nav-icon > a:hover { color:#D85A30 !important; }
.lumo-cart-badge {
  position:absolute;
  top:-6px;
  right:2px;
  background:#D85A30;
  color:#fff;
  font-size:10px;
  font-weight:700;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Poppins',sans-serif;
  line-height:1;
}
/* Mobile menu: icons go dark since panel is white */
.mobile-menu-container .lumo-nav-icon > a {
  color:#1A1A1A !important;
  font-size:20px !important;
  padding:8px 0 !important;
}
.mobile-menu-container .lumo-nav-icon > a:hover { color:#D85A30 !important; }
.mobile-menu-container .lumo-cart-badge {
  background:#D85A30;
  color:#fff;
}

/* Featured Picks heading padding fix */
.lumo-section--no-pt { padding-top: 48px !important; }
.lumo-section--no-pt .lumo-section-head { padding-top: 0 !important; margin-top: 0 !important; }
/* Remove white gap between category cards and featured section */
.woocommerce ul.products li.product { margin-bottom: 0 !important; }

/* Hero background image */
.lumo-hero {
  background-image: url('https://whitesmoke-falcon-792059.hostingersite.com/wp-content/uploads/2026/07/pexels-photo-14680170-scaled.jpeg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-blend-mode: overlay !important;
  background-color: rgba(20,20,20,0.78) !important;
}
/* SVG cat icons */
.lumo-cat-icon { display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.lumo-cat-icon svg { width:52px; height:52px; flex-shrink:0; }
.lumo-cat-card { display:flex; flex-direction:column; align-items:center; text-align:center; }