/* Navigation Modal Styles */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: clamp(1rem, 4vw, 2rem);
}

.wp-block-navigation__responsive-container-content {
  padding: clamp(1rem, 4vw, 2rem);
}

.wp-block-navigation__responsive-close {
  margin: clamp(0.5rem, 2vw, 1rem);
}

/* Navigation Menu Items in Modal */
.wp-block-navigation__responsive-container .wp-block-navigation-item {
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.wp-block-navigation__responsive-container .wp-block-navigation-item a {
  padding: clamp(0.75rem, 2vw, 1rem);
  display: block;
}

/* Ensure proper spacing for page list items */
.wp-block-navigation__responsive-container .wp-block-page-list {
  padding: 0;
  margin: 0;
}

.wp-block-navigation__responsive-container .wp-block-page-list .wp-block-pages-list__item {
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.wp-block-navigation__responsive-container .wp-block-page-list .wp-block-pages-list__item a {
  padding: clamp(0.75rem, 2vw, 1rem);
  display: block;
}

/* Navigation Overlay Specific Styles */
.wp-block-navigation__responsive-container.has-modal-open {
  padding: clamp(1rem, 4vw, 2rem);
}

/* Close Button Styles */
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
  margin: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(0.5rem, 2vw, 1rem);
}

/* Modal Content Wrapper */
.wp-block-navigation__responsive-dialog {
  padding: 0;
}

/* Mobile Navigation Responsive Adjustments */
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 1rem;
  }

  .wp-block-navigation__responsive-container-content {
    padding: 1rem;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation-item a,
  .wp-block-navigation__responsive-container .wp-block-page-list .wp-block-pages-list__item a {
    padding: 1rem;
    margin: 0.5rem 0;
  }

  .wp-block-navigation__responsive-close,
  .wp-block-navigation__responsive-container-close {
    margin: 0.5rem;
    padding: 0.5rem;
  }
}

/* Custom Block Styles */

/* Rounded Button Style */
.wp-block-button.is-style-rounded .wp-block-button__link {
  border-radius: 50px;
}

/* Shadow Group Style */
.wp-block-group.is-style-shadow {
  box-shadow: var(--wp--preset--shadow--natural);
  border-radius: 8px;
}

/* Highlight Quote Style */
.wp-block-quote.is-style-highlight {
  background: linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);
  color: var(--wp--preset--color--background);
  padding: var(--wp--preset--spacing--40);
  border-radius: 8px;
  border: none;
}

.wp-block-quote.is-style-highlight cite {
  color: var(--wp--preset--color--background);
  opacity: 0.8;
}

/* Image lazy loading optimization */
img[loading="lazy"] {
  transition: opacity 0.3s ease-in-out;
}

img[loading="lazy"]:not([src]) {
  opacity: 0;
}

/* Accessibility improvements */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* Focus styles for better accessibility */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
}

/* Skip link */
.skip-link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  text-decoration: none;
  padding: 8px 16px;
  position: absolute;
  top: -40px;
  left: 6px;
  z-index: 100000;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 7px;
}