/*
Theme Name: Der Gartendoktor Grow
Text Domain: der-gartendoktor-grow
Description: Refined botanical Grow landing page aligned visually with the Der Gartendoktor shop.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Grow navigation: larger, touch-friendly and mobile-safe */
.main-nav ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:6px 24px;
  margin:0;
  padding:0;
  list-style:none;
}

.main-nav a {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:48px !important;
  padding:10px 8px !important;
  color:var(--deep) !important;
  text-decoration:none;
  font-size:1.15rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  line-height:1.15;
  text-transform:uppercase;
  white-space:nowrap;
}

.main-nav ul {
  gap:8px 28px !important;
}

@media (max-width:640px) {
  .main-nav ul {
    gap:4px 12px !important;
  }

  .main-nav a {
    min-height:46px !important;
    padding:9px 5px !important;
    font-size:.95rem !important;
    letter-spacing:.05em !important;
  }
}

@media (max-width:640px) {
  .main-nav ul {
    justify-content:flex-end;
    gap:4px 10px;
  }

  .main-nav a {
    min-height:44px;
    padding:10px 4px;
    font-size:.78rem;
    letter-spacing:.07em;
  }
}