/*
 Theme Name:   TheSewingBirdie (Kadence Child)
 Theme URI:    https://thesewingbirdie.com
 Description:  Child theme for Kadence - TheSewingBirdie design system
 Author:       TheSewingBirdie
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  kadence-thesewingbirdie
*/

/* ==========================================================================
   Design Tokens - TheSewingBirdie
   ========================================================================== */
:root {
  --tsb-color-bg: #faf8f5;
  --tsb-color-surface: #ffffff;
  --tsb-color-text: #2d2a26;
  --tsb-color-text-muted: #6b6560;
  --tsb-color-accent: #c17f59;
  --tsb-color-accent-hover: #a86d4a;
  --tsb-color-accent-soft: #e8d5cc;
  --tsb-color-border: #e8e4df;
  --tsb-font-heading: 'Cormorant Garamond', Georgia, serif;
  --tsb-font-body: 'Source Sans 3', system-ui, sans-serif;
  --tsb-radius: 4px;
  --tsb-transition: 0.2s ease;
}

/* ==========================================================================
   Typography Overrides
   ========================================================================== */
body,
.kadence-theme body {
  font-family: var(--tsb-font-body);
  color: var(--tsb-color-text);
  background-color: var(--tsb-color-bg);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.kb-advanced-heading {
  font-family: var(--tsb-font-heading) !important;
}

/* ==========================================================================
   Header Overrides
   ========================================================================== */
.kadence-theme .site-header,
.kadence-theme .kadence-header {
  background-color: var(--tsb-color-surface) !important;
  border-bottom: 1px solid var(--tsb-color-border);
}

.kadence-theme .header-navigation .nav-menu > li > a:hover,
.kadence-theme .header-navigation a:hover {
  color: var(--tsb-color-accent) !important;
}

/* ==========================================================================
   WooCommerce Product Grid Overrides
   ========================================================================== */
.woocommerce ul.products li.product,
.kadence-theme .woocommerce ul.products li.product {
  background: var(--tsb-color-surface);
  border-radius: var(--tsb-radius);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.kadence-theme .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--tsb-font-heading) !important;
}

.woocommerce ul.products li.product .price,
.kadence-theme .woocommerce ul.products li.product .price {
  color: var(--tsb-color-accent) !important;
}

.woocommerce ul.products li.product a.button,
.kadence-theme .woocommerce ul.products li.product a.button {
  background-color: var(--tsb-color-accent) !important;
  border-color: var(--tsb-color-accent) !important;
  border-radius: var(--tsb-radius);
}

.woocommerce ul.products li.product a.button:hover,
.kadence-theme .woocommerce ul.products li.product a.button:hover {
  background-color: var(--tsb-color-accent-hover) !important;
  border-color: var(--tsb-color-accent-hover) !important;
}

/* ==========================================================================
   Tutor LMS Course Card Overrides
   ========================================================================== */
.tutor-course-card,
.tutor-course-list-item {
  background: var(--tsb-color-surface) !important;
  border-radius: var(--tsb-radius) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.tutor-course-card .tutor-course-name,
.tutor-course-card h3 {
  font-family: var(--tsb-font-heading) !important;
}

.tutor-course-card .tutor-loop-cart-btn-wrap a,
.tutor-course-card .tutor-course-enroll-btn {
  background-color: var(--tsb-color-accent) !important;
  border-color: var(--tsb-color-accent) !important;
  border-radius: var(--tsb-radius) !important;
}

.tutor-course-card .tutor-loop-cart-btn-wrap a:hover,
.tutor-course-card .tutor-course-enroll-btn:hover {
  background-color: var(--tsb-color-accent-hover) !important;
  border-color: var(--tsb-color-accent-hover) !important;
}

/* ==========================================================================
   Kadence Button Overrides
   ========================================================================== */
.kb-advanced-btn.kb-advanced-btn-primary,
.wp-block-button__link,
.kadence-theme .kb-advanced-btn.kb-advanced-btn-primary {
  background-color: var(--tsb-color-accent) !important;
  border-color: var(--tsb-color-accent) !important;
  border-radius: var(--tsb-radius);
}

.kb-advanced-btn.kb-advanced-btn-primary:hover,
.wp-block-button__link:hover,
.kadence-theme .kb-advanced-btn.kb-advanced-btn-primary:hover {
  background-color: var(--tsb-color-accent-hover) !important;
  border-color: var(--tsb-color-accent-hover) !important;
}

/* ==========================================================================
   Footer Overrides
   ========================================================================== */
.kadence-theme .site-footer,
.kadence-theme .footer-inner-wrap {
  background-color: var(--tsb-color-text) !important;
  color: var(--tsb-color-bg) !important;
}

.kadence-theme .site-footer a,
.kadence-theme .footer-inner-wrap a {
  color: var(--tsb-color-bg) !important;
}

.kadence-theme .site-footer a:hover,
.kadence-theme .footer-inner-wrap a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Section Styling for Homepage
   ========================================================================== */
.tsb-section-title {
  font-family: var(--tsb-font-heading) !important;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--tsb-color-text);
}

.tsb-section-desc {
  color: var(--tsb-color-text-muted);
  font-size: 0.9375rem;
}

.tsb-link-view-all {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--tsb-color-accent);
}

.tsb-link-view-all:hover {
  text-decoration: underline;
}

/* Newsletter section background */
.tsb-newsletter-section {
  background-color: var(--tsb-color-accent-soft) !important;
}