/*
Theme Name: NH TechWorks Child
Template: astra
Description: Individuelles Child-Theme für NH TechWorks (3D-Druckteile-Shop), basiert auf Storefront.
Version: 1.0
Author: NH TechWorks
*/

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --nh-dark: #1a1d24;
  --nh-dark-2: #23262f;
  --nh-blue: #2b8ce0;
  --nh-blue-light: #4da6ff;
  --nh-white: #f5f7fa;
  --nh-grey: #8a919c;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--nh-dark);
  background: var(--nh-white);
}

h1, h2, h3, h4, .site-title, .woocommerce-loop-product__title {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--nh-dark);
}

/* Header (Astra-Markup) */
#masthead.site-header {
  background: var(--nh-dark);
  border-bottom: 3px solid var(--nh-blue);
}

#masthead .ast-site-identity .site-title a,
#masthead .ast-site-identity .site-title a:hover {
  color: var(--nh-white);
}

#masthead .main-header-menu a,
#masthead .main-navigation a {
  color: var(--nh-white);
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#masthead .main-header-menu a:hover,
#masthead .main-navigation a:hover {
  color: var(--nh-blue-light);
}

/* Buttons */
.button, button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit {
  background: var(--nh-blue);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, transform 0.15s ease;
}

.button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
  background: var(--nh-blue-light);
  transform: translateY(-1px);
}

.woocommerce a.added_to_cart {
  color: var(--nh-blue);
  font-weight: 600;
}

/* Hero / Vorderseite */
.nh-hero {
  background: linear-gradient(135deg, var(--nh-dark) 0%, var(--nh-dark-2) 100%);
  color: var(--nh-white);
  padding: 4rem 2rem;
  text-align: center;
}

.nh-hero h1 {
  color: var(--nh-white);
  font-size: 2.4rem;
}

.nh-hero p {
  color: var(--nh-grey);
  max-width: 40em;
  margin: 1rem auto 2rem;
}

/* Produkt-Grid */
ul.products li.product {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 1rem;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

ul.products li.product:hover {
  box-shadow: 0 4px 16px rgba(43, 140, 224, 0.18);
  transform: translateY(-2px);
}

ul.products li.product .price {
  color: var(--nh-blue);
  font-weight: 600;
}

/* Max Mega Menu – Anpassung an NH TechWorks Look */
.mega-menu-wrap .mega-menu-toggle,
#mega-menu-wrap-max_mega_menu_1 {
  background: var(--nh-dark) !important;
}

.mega-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--nh-white) !important;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.mega-menu > li.mega-menu-item:hover > a.mega-menu-link,
.mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: var(--nh-blue-light) !important;
  background: var(--nh-dark-2) !important;
}

.mega-menu .mega-sub-menu {
  background: #fff !important;
  border-top: 3px solid var(--nh-blue) !important;
}

.mega-menu .mega-menu-column-title {
  color: var(--nh-blue) !important;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.4rem;
}

.mega-menu .mega-sub-menu a.mega-menu-link {
  color: var(--nh-dark) !important;
  text-transform: none;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

.mega-menu .mega-sub-menu a.mega-menu-link:hover {
  color: var(--nh-blue) !important;
}

/* Kategoriebilder im Mega-Menu / auf der Shop-Seite */
.mega-menu-item img,
.product-category img {
  border-radius: 4px;
}

/* Breadcrumbs (Astra) */
.ast-breadcrumbs,
.woocommerce-breadcrumb {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: var(--nh-grey);
  padding: 0.75rem 0;
}

.ast-breadcrumbs a,
.woocommerce-breadcrumb a {
  color: var(--nh-blue);
  text-decoration: none;
}

.ast-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
  color: var(--nh-blue-light);
  text-decoration: underline;
}

/* Sidebar-Filter-Widgets (Produktkategorien / Aktive Filter) */
.widget_product_categories,
.woocommerce-widget-layered-nav {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 1rem;
}

.widget_product_categories .widget-title,
.woocommerce-widget-layered-nav .widget-title {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--nh-dark);
  margin-bottom: 0.5rem;
}

.widget_product_categories a,
.woocommerce-widget-layered-nav a {
  color: var(--nh-dark);
}

.widget_product_categories a:hover,
.woocommerce-widget-layered-nav a:hover {
  color: var(--nh-blue);
}

/* Footer (Astra-Markup) */
#colophon.site-footer {
  background: var(--nh-dark);
  color: var(--nh-grey);
}

#colophon a {
  color: var(--nh-blue-light);
}