/*
Theme Name:   pneumatik24-theme
Theme URI:    https://pneumatik-24.de
Description:  pneumatik-24.de Custom Child Theme (Basis: Storefront)
Author:       pneumatik-24.de
Template:     storefront
Version:      1.0.0
Text Domain:  pneumatik24-theme
*/

/* ============================================================
   CSS CUSTOM PROPERTIES – Farbsystem
   E-006 (Revision 2026-06-16): Farben 1:1 von landefeld.de uebernommen
   (aus deren CSS extrahiert, siehe ENTSCHEIDUNGEN.md) - nur das eigene
   Logo bleibt davon unabhaengig.
   ============================================================ */
:root {
  --color-primary:       #009ddf;
  --color-primary-dark:  #0390cb;
  --color-primary-light: #e5f5fc;
  --color-accent:        #ec830e;
  --color-accent-hover:  #ca700c;
  --color-button:        #c4bbbb;
  --color-button-hover:  #c4bbbb;
  --color-text:          #222222;
  --color-text-muted:    #666666;
  --color-bg:            #ffffff;
  --color-bg-light:      #f5f5f5;
  --color-bg-dark:       #1a1a2e;
  --color-border:        #dddddd;
  --color-success:       #28a745;
  --color-warning:       #ffc107;
  --color-error:         #dc3545;

  --font-family:         'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-size-base:      15px;
  --line-height:         1.6;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: var(--line-height);
  color: var(--color-text);
  background: var(--color-bg);
}

/* Boxed layout for static content pages such as imprint/privacy/legal pages. */
body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content {
  background: var(--color-bg-light);
  padding: 32px 20px 48px;
}
body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) #primary.content-area {
  float: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) #main.site-main {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 32px 40px 40px;
}
body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) .entry-header {
  margin: 0 0 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--color-border);
}
body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) .entry-title {
  margin: 0;
  color: var(--color-primary-dark);
}

@media (max-width: 768px) {
  body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content {
    padding: 20px 12px 32px;
  }
  body.page:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) #main.site-main {
    padding: 24px 18px 28px;
  }
}