/* ==========================================================================
   Wills Wing Brand Tokens & Skin
   Single source of truth for brand colors, typography tokens, and theme skin.
   Replaces virtue-skin.css and Kadence palette inline variables.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Brand Custom Properties
   -------------------------------------------------------------------------- */
:root {
  /* Primary palette */
  --ww-red:            #C9442D;
  --ww-red-light:      #D4604C;
  --ww-charcoal:       #333;
  --ww-dark-gray:      #444;
  --ww-mid-gray:       #555;
  --ww-text-gray:      #777;

  /* Backgrounds */
  --ww-bg-light:       #f2f2f2;
  --ww-bg-white:       #fff;
  --ww-bg-hover:       #f5f5f5;

  /* Links */
  --ww-link:           mediumblue;
  --ww-link-hover:     #0000b3;

  /* Tables */
  --ww-table-header-bg:    #333;
  --ww-table-header-color: #fff;
  --ww-table-alt-row:      #F8F9FA;
  --ww-table-hover:        #EDEEEF;
  --ww-table-border:       #e5e5e5;

  /* Borders */
  --ww-border-light:   #ddd;
  --ww-border-mid:     #e5e5e5;

  /* Footer */
  --ww-footer-text:    #555;
  --ww-footer-muted:   #aaa;

  /* Kadence global palette (moved from inline styles) */
  --global-palette1: #C9442D;
  --global-palette2: #A83624;
  --global-palette3: #1A202C;
  --global-palette4: #2D3748;
  --global-palette5: #4A5568;
  --global-palette6: #718096;
  --global-palette7: #EDF2F7;
  --global-palette8: #F7FAFC;
  --global-palette9: #ffffff;
}

/* --------------------------------------------------------------------------
   2. Theme Skin (from virtue-skin.css — cleaned)
   WooCommerce selectors removed; duplicate a:hover merged.
   -------------------------------------------------------------------------- */

/* Primary color */
.home-message:hover { background-color: var(--ww-red); background-color: rgba(45, 92, 136, 0.6); }

a, #nav-main ul.sf-menu ul li a:hover,
.product_price ins .amount, .price ins .amount,
.color_primary, .primary-color, #logo a.brand,
#nav-main ul.sf-menu a:hover,
#nav-second ul.sf-menu a:hover,
.footerclass a:hover, .posttags a:hover, .subhead a:hover,
.nav-trigger-case:hover .kad-menu-name,
.nav-trigger-case:hover .kad-navbtn,
#kadbreadcrumbs a:hover, #wp-calendar a,
.star-rating { color: var(--ww-red); }

.product-category.grid_item a:hover h5,
#containerfooter .menu li a:hover, .bg_primary,
.portfolionav a:hover, .home-iconmenu a:hover,
p.demo_store, .topclass,
#commentform .form-submit #submit,
.kad-hover-bg-primary:hover,
.kad-btn-primary,
.kad-post-navigation .kad-previous-link a:hover,
.kad-post-navigation .kad-next-link a:hover,
input[type="submit"].button { background: var(--ww-red); }

/* 20% lighter than Primary — hover states */
a:hover { color: var(--ww-red-light); text-decoration: none; }

.kad-btn-primary:hover,
#commentform .form-submit #submit:hover,
input[type="submit"].button:hover { background: var(--ww-red-light); }

.product_item.hidetheaction .kad_add_to_cart { background: transparent; color: transparent; }
.product_item:hover .kad_add_to_cart,
.product_item:hover a.button { background: var(--ww-red-light); color: #fff; }

/* Background Skins */
.contentclass, .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus { background: var(--ww-bg-white); }
.mobileclass { background: var(--ww-bg-light); background: rgba(0,0,0,0.05); }
.headerclass { background: var(--ww-bg-white); }
.footerclass { background: var(--ww-bg-light); }
.navclass { background: var(--ww-bg-white); }
.bg-lightgray { background: var(--ww-bg-light); background: rgba(0, 0, 0, 0.05); }

/* Header - Type */
h1, h2, h3 { color: var(--ww-charcoal); }
h4 { color: var(--ww-dark-gray); }
h5 { color: var(--ww-charcoal); }

.sf-menu a { letter-spacing: normal; }
#nav-second ul.sf-menu a { letter-spacing: normal; }

.color_gray, #kadbreadcrumbs a, .subhead, .subhead a,
.posttags, .posttags a, .product_meta a { color: var(--ww-text-gray); }

body, .color_body, .sidebar a, .author-name a,
.author-latestposts h5 a, .author-latestposts h5,
.author-profile .author-occupation,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.product_price, .product_details > .product_excerpt { color: var(--ww-dark-gray); }

/* General */
.hometitle { text-align: center; }

/* Footer */
#containerfooter h3, #containerfooter { color: var(--ww-footer-text); }
.footercredits p { color: var(--ww-footer-muted); }
.footerclass a { color: var(--ww-footer-text); }
.footernav ul li a { color: var(--ww-footer-text); }

/* Custom */
.sidebar a { color: var(--ww-mid-gray); }