/*
Theme Name:     Storefront Child
Theme URI:      https://wertvollig.de/
Description:    Child theme for Storefront
Author:         Wertvollig
Author URI:     https://wertvollig.de/
Template:       storefront
Version:        1.0.0
Text Domain:    storefront-child
*/

/* ========== 1. Import Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@600&display=swap');

/* ========== 2. Color Palette ========== */
:root {
  --primary-color: #993399;
  --primary-hover-color: #B366B3;
  --secondary-color: #E699E6;
  --text-color: #444444;
  --heading-color: #333333;
  --light-background: #FAFAFA;
  --white-background: #FFFFFF;
  --border-color: #EEEEEE;
}

/* ========== 3. Typography ========== */
body {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-color);
  background-color: var(--white-background);
  margin: 0;
  padding: 0;
}

h1, h2, h3,
.site-title,
.widget-title,
.woocommerce-products-header__title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 600;
}

.main-navigation a,
.site-navigation a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500;
}

/* Additional styling can be placed below as needed... */


/* ========== 4. Logo & Tagline Styling ========== */

/* Center logo title and tagline */
.site-branding {
  text-align: center;
}

.site-title {
  display: block;
  margin: 0 auto;
}

.site-description {
  display: block;
  margin-top: 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-color);
}


/* ========== 5. Link Styling ========== */

/* Remove underline from all links and apply primary color */
a,
a:link,
a:visited {
  text-decoration: none !important;
  color: var(--primary-color) !important;
  outline: none;
  box-shadow: none;
}

/* Optional: On hover, keep no underline and use hover color */
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
  color: var(--primary-hover-color) !important;
}


/* ========== 6. Fully Left-Aligned Branding ========== */
.site-branding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.site-title {
  display: block;
  font-family: 'Playfair Display', serif !important;
  font-weight: 600;
  margin: 0;
  text-align: left;
}

.site-description {
  margin-top: 4px;
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-color);
  text-align: left;
}

/* Hide shop title if it still renders (final fallback) */
/* ✅ Hide the page title only on homepage (if it has class 'entry-title') */
body.woocommerce-shop .page-title {
    display: none;
}
/* Hide shop title if it still renders (final fallback) */