/*
Theme Name: Nailsbygully
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Een responsief WordPress-thema voor Nailsbygully, gebaseerd op de aangeleverde Home, Diensten, Over Ons en Contact layouts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: nailsbygully
*/

html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Manrope', sans-serif;
  background: #faf9f6;
  color: #1a1c1a;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; }
.site-main { min-height: 50vh; }

:root {
  --nbg-primary: #815252;
  --nbg-primary-light: #fdbfbf;
  --nbg-surface: #faf9f6;
  --nbg-surface-low: #f4f3f1;
  --nbg-surface-lowest: #ffffff;
  --nbg-text: #1a1c1a;
  --nbg-muted: #504444;
  --nbg-outline: #d4c2c2;
}

.hero-gradient { background: linear-gradient(135deg, var(--nbg-primary) 0%, var(--nbg-primary-light) 100%); }
.font-noto-serif { font-family: 'Noto Serif', serif; }
.font-manrope { font-family: 'Manrope', sans-serif; }

.current-menu-item > a,
.current_page_item > a,
.current-page-ancestor > a {
  color: var(--nbg-primary) !important;
  opacity: 1 !important;
}

.wp-block-button__link,
button,
input,
select,
textarea { font-family: 'Manrope', sans-serif; }

input, select, textarea {
  outline: none;
}

.menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--nbg-primary) 0%, var(--nbg-primary-light) 100%);
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: .75rem 1rem;
  cursor: pointer;
}

.mobile-menu-panel {
  display: none;
}
.mobile-menu-panel.is-open {
  display: block;
}

.entry-content p { line-height: 1.8; }

@media (max-width: 767px) {
  nav .px-12,
  footer .px-12,
  section .px-12 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .mobile-bottom-safe {
    padding-bottom: 6rem;
  }
}