/**
 * Block Editor Custom Styles
 *
 * Custom styles for WordPress block editor (Gutenberg)
 *
 * @package Nexfolio
 * @since 1.3.2
 */

/* ==================================
   HEADING BLOCK STYLES
   ================================== */

/* Underline Accent Style */
.is-style-nexfolio-underline {
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--color-accent, #d4af37);
  margin-bottom: 1.5rem;
}

/* Left Border Style */
.is-style-nexfolio-border-left {
  padding-left: 1.5rem;
  border-left: 4px solid var(--color-accent, #d4af37);
  margin-left: 0;
}

/* Background Highlight Style */
.is-style-nexfolio-background {
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Elegant Serif Style */
.is-style-nexfolio-serif {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.02em;
  color: var(--color-gray-700, #444444);
}

/* Uppercase Bold Style */
.is-style-nexfolio-uppercase {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  color: var(--color-primary, #000000);
}

/* ==================================
   PARAGRAPH BLOCK STYLES
   ================================== */

/* Lead Text Style */
.is-style-nexfolio-lead {
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 400;
  color: var(--color-gray-700, #444444);
  margin: 1.5rem 0;
}

/* Highlight Box Style */
.is-style-nexfolio-highlight {
  background: #fffbea;
  border-left: 4px solid #d4af37;
  padding: 1.25rem 1.5rem;
  border-radius: 4px;
  margin: 1.5rem 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.is-style-nexfolio-highlight::before {
  content: '💡';
  display: inline-block;
  margin-right: 0.5rem;
}

/* ==================================
   HEADING STYLES FOR FRONTEND
   ================================== */

/* Apply styles to both editor and frontend */
.wp-block-heading.is-style-nexfolio-underline h1,
.wp-block-heading.is-style-nexfolio-underline h2,
.wp-block-heading.is-style-nexfolio-underline h3,
.wp-block-heading.is-style-nexfolio-underline h4,
.wp-block-heading.is-style-nexfolio-underline h5,
.wp-block-heading.is-style-nexfolio-underline h6 {
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--color-accent, #d4af37);
  margin-bottom: 1.5rem;
}

.wp-block-heading.is-style-nexfolio-border-left h1,
.wp-block-heading.is-style-nexfolio-border-left h2,
.wp-block-heading.is-style-nexfolio-border-left h3,
.wp-block-heading.is-style-nexfolio-border-left h4,
.wp-block-heading.is-style-nexfolio-border-left h5,
.wp-block-heading.is-style-nexfolio-border-left h6 {
  padding-left: 1.5rem;
  border-left: 4px solid var(--color-accent, #d4af37);
  margin-left: 0;
}

.wp-block-heading.is-style-nexfolio-background h1,
.wp-block-heading.is-style-nexfolio-background h2,
.wp-block-heading.is-style-nexfolio-background h3,
.wp-block-heading.is-style-nexfolio-background h4,
.wp-block-heading.is-style-nexfolio-background h5,
.wp-block-heading.is-style-nexfolio-background h6 {
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.wp-block-heading.is-style-nexfolio-serif h1,
.wp-block-heading.is-style-nexfolio-serif h2,
.wp-block-heading.is-style-nexfolio-serif h3,
.wp-block-heading.is-style-nexfolio-serif h4,
.wp-block-heading.is-style-nexfolio-serif h5,
.wp-block-heading.is-style-nexfolio-serif h6 {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.02em;
  color: var(--color-gray-700, #444444);
}

.wp-block-heading.is-style-nexfolio-uppercase h1,
.wp-block-heading.is-style-nexfolio-uppercase h2,
.wp-block-heading.is-style-nexfolio-uppercase h3,
.wp-block-heading.is-style-nexfolio-uppercase h4,
.wp-block-heading.is-style-nexfolio-uppercase h5,
.wp-block-heading.is-style-nexfolio-uppercase h6 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  color: var(--color-primary, #000000);
}

/* ==================================
   RESPONSIVE STYLES
   ================================== */

@media (max-width: 768px) {
  .is-style-nexfolio-lead {
    font-size: 1.125rem;
  }

  .is-style-nexfolio-border-left,
  .wp-block-heading.is-style-nexfolio-border-left h1,
  .wp-block-heading.is-style-nexfolio-border-left h2,
  .wp-block-heading.is-style-nexfolio-border-left h3,
  .wp-block-heading.is-style-nexfolio-border-left h4 {
    padding-left: 1rem;
    border-left-width: 3px;
  }

  .is-style-nexfolio-background,
  .wp-block-heading.is-style-nexfolio-background h1,
  .wp-block-heading.is-style-nexfolio-background h2,
  .wp-block-heading.is-style-nexfolio-background h3,
  .wp-block-heading.is-style-nexfolio-background h4 {
    padding: 0.75rem 1rem;
  }

  .is-style-nexfolio-highlight {
    padding: 1rem 1.25rem;
  }
}

/* ==================================
   GLOBAL EDITOR STYLES (SWISS STYLE)
   ================================== */
.editor-styles-wrapper {
    font-family: 'Inter', sans-serif !important;
    background-color: #fcfcfc;
    color: #111;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #000;
}