/*
Theme Name:   Big Stores Child
Theme URI:    https://accelulares.com.br
Description:  Tema filho Astra para Big Stores com home, header e footer comerciais
Author:       Big Stores
Template:     astra
Version:      6.0.5
License:      GNU General Public License v2 or later
Text Domain:  ac-celulares
*/

:root {
  --bg:          var(--color-bg, #f4f7fb);
  --bg-alt:      #eaf0f8;
  --bg-card:     #ffffff;
  --bg-input:    #ffffff;

  --surface:     #ffffff;
  --surface-2:   #f8fafc;
  --border:      #d4deea;
  --border-soft: #e7edf5;

  --brand-red:   var(--color-primary, var(--color-gold, #e30613));
  --brand-red-2: #ff3b43;
  --brand-red-dark: #b8000b;
  --brand-red-soft: #fff1f2;
  --brand-blue:  #005eb8;
  --brand-blue-2:#0074d9;
  --brand-blue-dark: #003b7a;
  --brand-blue-soft: #eaf3ff;
  --brand-yellow: #ffd200;

  --gold:        var(--brand-red);
  --gold-light:  var(--brand-red-2);
  --gold-pale:   #ffd6d9;
  --gold-dark:   var(--brand-red-dark);
  --gold-glow:   rgba(var(--brand-rgb), 0.16);
  --cover-gradient: linear-gradient(135deg, var(--brand-blue-dark) 0%, var(--brand-blue) 64%, var(--brand-red) 100%);
  --cover-glow:  rgba(var(--brand-rgb), 0.22);
  --cover-glow-soft: rgba(var(--brand-deep-rgb), 0.18);
  --cover-text:  #ffffff;
  --cover-text-2: rgba(255, 255, 255, 0.88);
  --cover-text-3: rgba(226, 238, 255, 0.78);
  --cover-border: rgba(255, 255, 255, 0.22);
  --brand-rgb:   227, 6, 19;
  --brand-deep-rgb: 0, 94, 184;
  --brand-navy:  var(--brand-blue-dark);
  --brand-navy-2:var(--brand-blue);
  --brand-burgundy: var(--brand-red);
  --brand-burgundy-2: var(--brand-red-2);
  --brand-soft:  var(--brand-red-soft);

  --text:        #111827;
  --text-2:      #334155;
  --text-3:      #64748b;
  --text-4:      #94a3b8;

  --green:       #2e7d52;
  --red:         #b83232;
  --blue:        var(--brand-blue);

  --font-heading: 'Barlow Semi Condensed', sans-serif;
  --font-body:    'Manrope', sans-serif;
  --font-accent:  'Barlow', sans-serif;

  --container-width: 1320px;
  --radius-xs:  3px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;

  --shadow-xs:   0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-sm:   0 8px 20px rgba(0, 0, 0, 0.08);
  --shadow-md:   0 16px 36px rgba(0, 0, 0, 0.10);
  --shadow-lg:   0 24px 52px rgba(0, 0, 0, 0.12);
  --shadow-gold: 0 12px 30px rgba(var(--brand-rgb), 0.16);

  --fast:   0.15s ease;
  --base:   0.26s ease;
  --slow:   0.42s ease;
}

.ac-shop-hero,
.ac-shop-toolbar,
.ac-shop-sidebar,
.ac-product-card,
.ac-product-layout,
.ac-product-tabs,
.ac-cart-table,
.ac-cart-totals .cart_totals,
.ac-checkout-card,
.ac-card-preview,
.ac-thankyou-card,
.ac-sticky-buy-bar,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.select2-dropdown {
  --bg:          var(--color-bg, #f4f7fb);
  --bg-alt:      #eaf0f8;
  --bg-card:     #ffffff;
  --bg-input:    #ffffff;

  --surface:     var(--color-surface, #ffffff);
  --surface-2:   #f8fafc;
  --border:      #d4deea;
  --border-soft: #e7edf5;

  --gold:        var(--brand-red);
  --gold-light:  var(--brand-red-2);
  --gold-pale:   #ffd6d9;
  --gold-dark:   var(--brand-red-dark);
  --gold-glow:   rgba(var(--brand-rgb), 0.16);

  --text:        #111827;
  --text-2:      #334155;
  --text-3:      #64748b;
  --text-4:      #94a3b8;

  --green:       #2e7d52;
  --red:         #b83232;
  --blue:        var(--brand-blue);

  --shadow-xs:   0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-sm:   0 8px 20px rgba(15, 23, 42, 0.08);
  --shadow-md:   0 16px 36px rgba(15, 23, 42, 0.10);
  --shadow-lg:   0 24px 52px rgba(15, 23, 42, 0.12);
  --shadow-gold: 0 12px 30px rgba(var(--brand-rgb), 0.16);
}