/*
Theme Name: Storefront Lions Child
Template: storefront
Description: Angepasstes Child-Theme für den Lions Club Bestellshop (Farben & Typografie nach den Markenrichtlinien von Lions Clubs International)
Version: 1.0
Author: Lions Club
*/

:root {
  --lions-blue: #00338D;
  --lions-blue-dark: #0D2240;
  --lions-gold: #EBB700;
  --lions-gray: #55565A;
  --lions-gray-light: #F4F4F5;
  --lions-white: #FFFFFF;
}

/* ---------- Grundtypografie ---------- */
body,
button,
input,
select,
textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--lions-gray);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: var(--lions-blue);
}

a {
  color: var(--lions-blue);
}
a:hover {
  color: var(--lions-gold);
}

/* ---------- Header & Logo ---------- */
.site-header {
  background-color: var(--lions-white);
  border-bottom: 4px solid var(--lions-gold);
}

.site-branding {
  display: flex;
  align-items: center;
}

.site-branding img,
.custom-logo {
  max-height: 70px;
  width: auto;
}

.site-title a {
  color: var(--lions-blue);
  font-weight: 800;
  text-decoration: none;
}

.site-description {
  color: var(--lions-gray);
}

/* ---------- Navigation ---------- */
.main-navigation ul li a {
  color: var(--lions-blue);
  font-weight: 600;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a {
  color: var(--lions-gold);
}

/* ---------- Buttons (WooCommerce & Standard) ---------- */
.button,
button,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #payment #place_order {
  background-color: var(--lions-blue);
  color: var(--lions-white) !important;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.button:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover {
  background-color: var(--lions-gold);
  color: var(--lions-blue-dark) !important;
}

/* ---------- Produktkacheln (Shop-Übersicht) ---------- */
.woocommerce ul.products li.product {
  background: var(--lions-white);
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 16px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 14px rgba(0, 51, 141, 0.15);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--lions-blue);
  font-weight: 700;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--lions-blue);
  font-weight: 700;
}

/* ---------- Warenkorb & Checkout ---------- */
.woocommerce-checkout #payment,
.woocommerce-cart-form,
.woocommerce table.shop_table {
  background: var(--lions-gray-light);
  border-radius: 8px;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #eef2f9;
  border-radius: 6px;
}

/* ---------- Footer ---------- */
.site-footer,
footer.site-footer,
.footer-widgets {
  background-color: var(--lions-blue-dark);
  color: var(--lions-white);
}

.site-footer a,
.footer-widgets a {
  color: var(--lions-gold);
}

.site-footer .site-info {
  color: #cdd6e8;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .site-branding img,
  .custom-logo {
    max-height: 50px;
  }

  .woocommerce ul.products li.product {
    padding: 10px;
  }
}