/*
 Theme Name: Maxtron Divi Child
 Theme URI: https://maxtron-bikes.de/
 Description: Child Theme für das Maxtron-Bikes-Frontend (Divi-basiert)
 Author: Ray / Maxtron
 Author URI: https://maxtron-bikes.de/
 Template: Divi
 Version: 1.0.0
 Text Domain: maxtron-divi-child
*/

/* ========================================
   Global Maxtron Basis
   ======================================== */

:root {
  --maxtron-primary:       #0ea5e9;
  --maxtron-primary-dark:  #0369a1;
  --maxtron-accent:        #f97316;
  --maxtron-text-main:     #111827;
  --maxtron-text-muted:    #6b7280;
  --maxtron-border:        #e5e7eb;
}

body {
  letter-spacing: 0.01em;
  color: var(--maxtron-text-main);
  background-color: #ffffff;
}

/* ========================================
   Header & Navigation – Weißer Header
   ======================================== */

/* 顶部导航背景：强制白色（含固定状态） */
#top-header,
#main-header,
.et-fixed-header#main-header,
.et_header_style_left #main-header,
.et_header_style_left .et-fixed-header#main-header {
  background-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

/* header 内层容器保持透明，不要再叠一层底色 */
#main-header .container,
#main-header .et_menu_container {
  background-color: transparent !important;
}

/* LOGO 尺寸稍微压低一点 */
#logo {
  max-height: 42px;
}

/* 导航整体稍微贴近上边（可按需调） */
#et-top-navigation {
  padding-top: 0;
}

/* ========================================
   Desktop Menü Typografie
   ======================================== */

/* 默认菜单文字：浅灰 + 大写 + 字距拉开一点 */
#top-menu li a {
  color: #6b7280 !important;        /* 浅灰 */
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-size: 13px;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* Hover：蓝色 */
#top-menu li a:hover {
  color: #2563eb !important;
}

/* 当前页面（Startseite 等）：橙色高亮 */
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
  color: #f97316 !important;
}

/* ========================================
   Dropdown Menü
   ======================================== */

#top-menu .sub-menu {
  background-color: #0f172a !important;   /* 深蓝灰背景 */
}

#top-menu .sub-menu li a {
  color: #e5e7eb !important;              /* 浅灰文字 */
  padding-top: 10px;
  padding-bottom: 10px;
}

#top-menu .sub-menu li a:hover {
  color: #38bdf8 !important;              /* 亮蓝 Hover */
}

/* ========================================
   Mobile Menü
   ======================================== */

/* 汉堡菜单展开背景：白底 + 细边框 */
.et_mobile_menu {
  background-color: #ffffff !important;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

/* 手机菜单文字：浅灰 + 大写 */
.et_mobile_menu li a {
  color: #6b7280 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
}

.et_mobile_menu li a:hover {
  color: #2563eb !important;
}

/* ========================================
   Maxtron 按钮基础样式（以后可以复用）
   ======================================== */

.maxtron-btn,
.et_pb_button.maxtron-btn {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.75em 2.4em;
  border: 2px solid var(--maxtron-primary);
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  color: #ffffff !important;
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.18s ease;
}

.maxtron-btn:hover,
.et_pb_button.maxtron-btn:hover {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}

/* ========================================
   小的响应式微调
   ======================================== */

@media (max-width: 980px) {
  #top-menu li a {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}