/*
Theme Name: Loobek Child - Nepaliluga
Theme URI: https://nepaliluga.com/
Author: Nepaliluga
Description: Child theme customisations for Nepaliluga.com - Home of Ethnic Wear.
Template: loobek
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loobek-child
*/

:root{
  --loobek-primary-color:#DC143C;
  --loobek-link-color:#DC143C;
  --loobek-link-hover-color:#B22222;
  --loobek-button-hover-bg:#DC143C;
  --loobek-button-hover-border:#DC143C;
  --loobek-footer-hover-color:#DC143C;
  --nl-red:#DC143C;
  --nl-dark-red:#B22222;
  --nl-blue:#003893;
  --nl-gold:#D4AF37;
  --nl-cream:#FFF8E7;
  --nl-black:#222222;
}

body{
  background:#fff;
  color:var(--nl-black);
}

/* Nepaliluga top offer bar */
.nepaliluga-offer-bar{
  background:linear-gradient(90deg,var(--nl-red),var(--nl-blue));
  color:#fff;
  text-align:center;
  padding:9px 12px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.2px;
  position:relative;
  z-index:999;
}

.nepaliluga-offer-bar a{color:#fff;text-decoration:underline;}

/* Logo sizing */
.logo-wrapper img,
header .logo-wrapper .logo img{
  max-height:72px;
  width:auto;
}

@media(max-width:767px){
  .logo-wrapper img,
  header .logo-wrapper .logo img{max-height:52px;}
}

/* Header/menu refinement */
.ts-header nav > ul > li > a{
  font-weight:700;
  letter-spacing:.1px;
}

.menu-wrapper nav > ul > li:hover > a,
.menu-wrapper nav > ul > li[class*="current-"] > a{
  color:var(--nl-red);
}

/* Nepaliluga homepage shortcode layout */
.nepaliluga-home{width:100%;}
.nl-hero{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:80px 20px;
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.28), transparent 35%),
    linear-gradient(135deg, rgba(220,20,60,.92), rgba(0,56,147,.92)),
    var(--nl-red);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.nl-hero:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:linear-gradient(45deg, transparent 25%, #fff 25%, #fff 26%, transparent 26%, transparent 75%, #fff 75%, #fff 76%, transparent 76%);
  background-size:42px 42px;
}
.nl-hero-inner{position:relative;z-index:1;max-width:900px;}
.nl-kicker{
  display:inline-block;
  background:var(--nl-gold);
  color:#111;
  padding:7px 16px;
  border-radius:999px;
  font-weight:800;
  margin-bottom:18px;
}
.nl-hero h1{
  color:#fff;
  font-size:clamp(38px,7vw,82px);
  line-height:1;
  margin:0 0 16px;
  font-weight:900;
}
.nl-hero p{
  color:#fff;
  font-size:clamp(17px,2.4vw,24px);
  margin:0 auto 28px;
  max-width:720px;
}
.nl-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.nl-btn{
  display:inline-block;
  background:var(--nl-gold);
  color:#111!important;
  padding:14px 25px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none!important;
  transition:.25s ease;
}
.nl-btn.alt{background:#fff;color:var(--nl-red)!important;}
.nl-btn:hover{transform:translateY(-2px);filter:brightness(.96);}

.nl-section{padding:55px 20px;max-width:1320px;margin:0 auto;}
.nl-section-heading{text-align:center;margin-bottom:28px;}
.nl-section-heading h2{font-size:clamp(28px,4vw,44px);margin-bottom:8px;font-weight:900;}
.nl-section-heading p{margin:0;color:#666;}
.nl-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.nl-category-card{
  min-height:155px;
  padding:24px 18px;
  border:1px solid rgba(212,175,55,.45);
  background:linear-gradient(180deg,#fff,var(--nl-cream));
  border-radius:18px;
  text-decoration:none!important;
  color:var(--nl-black)!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
  transition:.25s ease;
}
.nl-category-card strong{font-size:22px;margin-bottom:4px;color:var(--nl-red);}
.nl-category-card span{font-size:14px;color:#555;}
.nl-category-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.10);border-color:var(--nl-gold);}

.nl-feature-strip{
  background:var(--nl-cream);
  border-top:1px solid rgba(212,175,55,.35);
  border-bottom:1px solid rgba(212,175,55,.35);
}
.nl-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1320px;margin:0 auto;padding:35px 20px;}
.nl-feature{background:#fff;border-radius:14px;padding:22px;text-align:center;border:1px solid #f0e2c0;}
.nl-feature strong{display:block;color:var(--nl-red);font-size:18px;margin-bottom:4px;}

/* WooCommerce product cards */
.woocommerce .products .product .product-wrapper{
  border-radius:14px;
  transition:.25s ease;
}
.woocommerce .products .product .product-wrapper:hover{
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.woocommerce .product-label > span.onsale,
.woocommerce .product .product-label .onsale{
  background:var(--nl-red);
}
.woocommerce .products .product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--nl-red);
  font-weight:800;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius:999px;
}

/* Footer branding */
footer#colophon{
  background:var(--nl-black);
  color:#fff;
}
footer#colophon a,
.footer-container a,
.footer-container .widget-title,
.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container h5,
.footer-container h6{color:#fff;}
footer#colophon a:hover,
.footer-container a:hover{color:var(--nl-gold);}

@media(max-width:1024px){
  .nl-category-grid,.nl-feature-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .nl-hero{min-height:420px;padding:55px 16px;}
  .nl-category-grid,.nl-feature-grid{grid-template-columns:1fr;}
  .nl-section{padding:42px 16px;}
}
