/* ============================================================
   KUBIGA STORE — store-sonny.css  (SONNY ANGEL — Rose Blush)
   Cewek Cute: Rose Pink #e0547a + Peach + Cream White (LIGHT)
   Override: loaded after store.css
   ============================================================ */
:root {
  --bg:        #fff5f7;
  --surface:   #ffffff;
  --surface-2: #fef0f4;
  --border:    #f2ccd8;
  --text:      #2c1322;
  --text-2:    #4a2035;
  --text-muted:#8b5a70;
  --text-faint:#c49aaa;

  --primary:      #e0547a;
  --primary-2:    #c43360;
  --primary-grad: linear-gradient(135deg, #c43360 0%, #e0547a 100%);
  --hero-grad:    linear-gradient(160deg, #ffe0eb 0%, #fff5f7 50%, #fdf0ff 130%);
  --primary-soft: rgba(224,84,122,0.10);
  --primary-soft-2: rgba(196,51,96,0.08);

  --success:      #16a34a;
  --success-soft: rgba(22,163,74,0.12);
  --warn:         #d97706;
  --warn-soft:    rgba(217,119,6,0.12);
  --danger:       #d44060;
  --danger-soft:  rgba(212,64,96,0.12);

  --shadow:      0 2px 10px rgba(224,84,122,0.07), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-card: 0 4px 18px rgba(224,84,122,0.10), 0 1px 4px rgba(0,0,0,0.05);
  --shadow-hover:0 12px 32px rgba(224,84,122,0.16), 0 2px 8px rgba(196,51,96,0.10);

  --step-head-color: #c43360;
  --step-num-rgb: 196,51,96;
}

/* Navbar */
.navbar {
  background: rgba(255,255,255,0.96)
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(224,84,122,0.03) 28px 30px) !important;
}
/* Hero */
.hero {
  background:
    linear-gradient(160deg, rgba(224,84,122,0.06) 0%, rgba(196,51,96,0.03) 60%, #fff5f7 100%),
    repeating-linear-gradient(135deg, transparent 0 34px, rgba(224,84,122,0.025) 34px 36px),
    repeating-linear-gradient(45deg,  transparent 0 68px, rgba(196,51,96,0.015) 68px 70px) !important;
}
/* Body pattern */
body {
  background-image:
    repeating-linear-gradient(135deg, transparent 0 60px, rgba(224,84,122,0.025) 60px 62px),
    repeating-linear-gradient(45deg,  transparent 0 80px, rgba(196,51,96,0.015) 80px 82px) !important;
}
/* Category hover */
.cat-home-card { border-color: rgba(224,84,122,0.15) !important; }
.cat-home-card:hover { border-color: #e0547a !important; background: rgba(224,84,122,0.06) !important; }
/* Product card hover */
.prod-card:hover { border-color: #e0547a !important; box-shadow: 0 6px 20px rgba(224,84,122,0.14), 0 0 0 1.5px #e0547a !important; }
.prod-card::after { border-color: transparent #e0547a transparent transparent !important; }
/* Flash ticker */
.ftk-bar { background: linear-gradient(90deg, #ffe0eb 0%, #fff5f7 40%, #fdf0ff 100%) !important; border-bottom-color: rgba(224,84,122,0.3) !important; }
.ftk-prefix { background: #ffe0eb !important; color: #c43360 !important; border-right-color: rgba(196,51,96,0.2) !important; }
.ftk-scroll::before { background: linear-gradient(90deg, #ffe0eb, transparent) !important; }
.ftk-scroll::after  { background: linear-gradient(-90deg, #fdf0ff, transparent) !important; }
.ftk-name  { color: var(--text) !important; }
.ftk-price { color: #c43360 !important; }
.ftk-sep   { color: rgba(224,84,122,0.3) !important; }
.ftk-disc  { background: #e0547a !important; }
.ftk-chip:hover { background: rgba(224,84,122,0.07) !important; }
/* Flash sale */
.flash-section {
  background: linear-gradient(135deg, #ffe0eb 0%, #fff5f7 55%, #fdf0ff 100%) !important;
  border-top-color: rgba(224,84,122,0.25) !important;
  border-bottom-color: rgba(224,84,122,0.25) !important;
}
.flash-section::before { background: repeating-linear-gradient(-45deg, transparent 0 16px, rgba(224,84,122,0.03) 16px 18px) !important; }
.flash-section::after  { background: linear-gradient(90deg, #e0547a 0%, #f0b8cc 50%, #c43360 100%) !important; }
.flash-label { color: #c43360 !important; }
.flash-card  { background: rgba(255,255,255,0.82) !important; border-color: rgba(224,84,122,0.22) !important; }
.flash-card:hover { background: rgba(255,255,255,0.97) !important; border-color: #e0547a !important; box-shadow: 0 8px 24px rgba(224,84,122,0.13) !important; }
.flash-card::before { background: linear-gradient(90deg, #e0547a 0%, #c43360 100%) !important; }
.flash-card-cat  { color: #c43360 !important; }
.flash-card-name { color: var(--text) !important; }
.flash-card-orig { color: var(--text-faint) !important; }
.flash-card-now  { color: #e0547a !important; }
.flash-card-thumb { background: var(--surface-2) !important; }
.flash-discount-badge { background: #c43360 !important; }
.flash-zap { color: #e0547a !important; }
.flash-live-badge { background: #c43360 !important; }
/* Per-page */
#viewCat .section, #viewProd .section, #viewPay .section { min-height: calc(100vh - var(--nav-h) - 48px); }
#viewCat .view-page-header {background: linear-gradient(90deg, rgba(224,84,122,0.06) 0%, #fff 70%) !important; }
#viewCat .section { background: repeating-linear-gradient(135deg, transparent 0 40px, rgba(224,84,122,0.02) 40px 42px), #fff5f7 !important; }
#viewProd .view-page-header {background: linear-gradient(90deg, rgba(196,51,96,0.06) 0%, #fff 70%) !important; }
#viewProd .section { background: repeating-linear-gradient(0deg, transparent 0 36px, rgba(224,84,122,0.025) 36px 38px), #fff5f7 !important; }
#viewProd .checkout-prodbar { border-color: rgba(196,51,96,0.2) !important; background: rgba(196,51,96,0.04) !important; }
#viewPay .view-page-header {background: linear-gradient(90deg, rgba(224,84,122,0.05) 0%, #fff 70%) !important; }
#viewPay .section { background: repeating-linear-gradient(45deg, transparent 0 28px, rgba(224,84,122,0.02) 28px 30px), #fff5f7 !important; }