/*
Theme Name: Mateshwari v3
Theme URI: https://mateshwaridryfruitssweets.com
Author: BusyHai / Kamlesh
Description: Modern e-commerce theme — Pink+Blue design system, WooCommerce ready.
Version: 3.0.0
Requires at least: 6.0
WC requires at least: 8.0
Text Domain: mateshwari
*/
:root{
  --pink:#FF4D8F;--pink-light:#FFE0EE;--pink-soft:#FFF0F6;
  --blue:#2563EB;--blue-light:#DBEAFE;--blue-soft:#EFF6FF;
  --red:#EF233C;--red-light:#FFE4E8;
  --white:#FFFFFF;--black:#0F0F0F;
  --gray-50:#FAFAFA;--gray-100:#F4F4F5;--gray-200:#E4E4E7;
  --gray-400:#A1A1AA;--gray-600:#52525B;--gray-800:#27272A;
  --r-sm:8px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:999px;
  --sh-sm:0 1px 4px rgba(0,0,0,.06);
  --sh-md:0 4px 16px rgba(0,0,0,.08);
  --sh-lg:0 8px 32px rgba(0,0,0,.10);
  --sh-pink:0 4px 20px rgba(255,77,143,.25);
  --sh-blue:0 4px 20px rgba(37,99,235,.20);
  --font:'Plus Jakarta Sans',-apple-system,sans-serif;
  --container:1280px;--header-h:68px;
}
html {
  overflow-x: hidden;
  max-width: 100vw;
  scroll-behavior: smooth;
}
body {
  font-family: var(--font);
  background: var(--white);
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
}
* {
  max-width: 100%;
}
img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
  display: block;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { cursor: pointer; border: none; font-family: var(--font); }
input, select, textarea { font-family: var(--font); }
h1, h2, h3, h4, h5 { font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }

.container, .container--wide {
  max-width: var(--container);
  margin: 0 auto;
  width: 100%;
  padding-left: max(12px, env(safe-area-inset-left));
  padding-right: max(12px, env(safe-area-inset-right));
}
.container--wide { max-width: 1440px; }

@media(max-width: 768px) {
  .container, .container--wide {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.section{padding:56px 0}.section-sm{padding:36px 0}.section-gray{background:var(--gray-50)}
@media(max-width:768px){
  .section{padding:36px 0}
  .section-sm{padding:24px 0}
  h1{font-size:28px}
  h2{font-size:24px}
  h3{font-size:20px}
}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.section-head h2{font-size:22px;font-weight:800;color:var(--black)}
@media(max-width:768px){
  .section-head{margin-bottom:16px}
  .section-head h2{font-size:18px}
}
.section-head h2 span{color:var(--pink)}
.section-head a{font-size:13px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:4px;white-space:nowrap}
.section-head a:hover{text-decoration:underline}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-full);font-size:14px;font-weight:700;transition:all .2s;border:none;cursor:pointer;font-family:var(--font)}
.btn--primary{background:var(--pink);color:#fff;box-shadow:var(--sh-pink)}
.btn--primary:hover{background:var(--red);transform:translateY(-1px);box-shadow:0 6px 24px rgba(255,77,143,.35)}
.btn--secondary{background:var(--white);color:var(--black);border:1.5px solid var(--gray-200)}
.btn--secondary:hover{border-color:var(--pink);color:var(--pink)}
.btn--blue{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}
.btn--blue:hover{background:#1d4ed8;transform:translateY(-1px)}
.btn--wa{background:#25D366;color:#fff}
.btn--wa:hover{background:#1ebe5d;transform:translateY(-1px)}
.btn--ghost-white{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.btn--ghost-white:hover{background:rgba(255,255,255,.25)}
.btn--lg{padding:15px 32px;font-size:15px}
.btn--sm{padding:9px 18px;font-size:13px}
.btn--full{width:100%;justify-content:center}
/* Badges */
.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.badge--sale{background:var(--red);color:#fff}
.badge--new{background:var(--blue);color:#fff}
.badge--best{background:var(--pink);color:#fff}
.badge--pure{background:#16a34a;color:#fff}
/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
/* WhatsApp Float */
.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .2s;animation:pulse-wa 2.5s infinite;text-decoration:none}
.whatsapp-float:hover{transform:scale(1.1)}
.whatsapp-float__tooltip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:var(--black);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.whatsapp-float:hover .whatsapp-float__tooltip{opacity:1}
@keyframes pulse-wa{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 32px rgba(37,211,102,.65)}}
/* Breadcrumb */
.breadcrumb{padding:14px 0;border-bottom:1px solid var(--gray-100);margin-bottom:28px;font-size:13px;color:var(--gray-400)}
.breadcrumb a{color:var(--blue)}.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .woocommerce-breadcrumb{font-size:13px}
