/*
Theme Name:   Aretype Clean — Astra Child
Theme URI:    https://aretype.com
Description:  Astra Child Theme — Clean & Corporate v2
Author:       Aretype Studio
Author URI:   https://aretype.com
Template:     astra
Version:      1.0.0
Text Domain:  aretype-clean
*/

/* ─── Smooth Scroll ─────────────────────────────────────────── */
html { scroll-behavior: smooth; }

/* ─── Design Tokens ─────────────────────────────────────────── */
:root {
  --ac-bg:          #ffffff;
  --ac-surface:     #f7f7f7;
  --ac-surface-2:   #efefef;
  --ac-border:      #e5e5e5;
  --ac-text:        #141414;
  --ac-text-2:      #666666;
  --ac-text-3:      #8a8a8a;
  --ac-accent:      #141414;
  --ac-accent-dark: #000000;
  --ac-accent-lite: #f0f0f0;
  --ac-radius:      12px;
  --ac-font:        'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --ac-max:         1160px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--ac-font);
  background: var(--ac-bg);
  color: var(--ac-text);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* ─── Elementor / Astra Resets ────────────────────────────── */
.elementor-page .entry-header,
.elementor-page .ast-article-post,
.elementor-page .ast-container > .ast-article-post { padding: 0 !important; }
.ast-page-builder-template .site-content .ast-container { max-width: 100%; padding: 0; }
.elementor-section.elementor-section-stretched { left: 0 !important; width: 100% !important; }
.elementor-button:hover { text-decoration: none !important; }
.elementor-page.woocommerce .ast-breadcrumbs-wrapper { margin: 0; }

/* ─── Shared navbar menu (WP Menu) ───────────────────────────── */
.ac-nav-ul { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0; }
.ac-nav-ul li { margin: 0; }
.ac-nav-ul a { white-space: nowrap; }
.sp-nav-left .ac-nav-ul { gap: 32px; }
@media (max-width: 768px) { .ac-nav-ul { display: none; } }

/* ─── Navbar logo image (custom logo) — global so it sizes everywhere ─── */
.ac-nav-logo, .sp-nav-logo { max-height: 44px; }
.ac-nav-logo-img, .sp-nav-logo-img {
  height: 30px !important; width: auto !important; max-width: 180px;
  display: block; object-fit: contain;
}
.ac-nav--dark .ac-nav-logo-img { filter: brightness(0) invert(1); }