/* ============================================================
   Core blocks inside page/post content (front end + editor)
   Block style variations are registered in inc/blocks.php.
   ============================================================ */

/* ---------- Buttons ---------- */
.wp-block-button__link {
  border-radius: 999px;
  font-weight: 700;
  padding: 12px 22px;
  font-size: 1rem;
  text-decoration: none;
  transition: background var(--transition), color var(--transition), transform var(--transition);
}
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-bekol-primary .wp-block-button__link {
  background: var(--orange); color: #fff;
  box-shadow: 0 8px 20px rgba(254,119,0,.30);
}
.wp-block-button.is-style-bekol-primary .wp-block-button__link:hover,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:not(.has-background):hover { background: var(--orange-600); }
.wp-block-button.is-style-bekol-ghost .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent; color: var(--navy); border: 2px solid var(--navy);
}
.wp-block-button.is-style-bekol-ghost .wp-block-button__link:hover { background: var(--navy); color: #fff; }
.wp-block-button.is-style-bekol-navy .wp-block-button__link { background: var(--navy); color: #fff; }
.wp-block-button.is-style-bekol-navy .wp-block-button__link:hover { background: var(--navy-700); }
.wp-block-buttons { gap: 12px; margin-block: 24px; }

/* ---------- Groups ---------- */
.wp-block-group.is-style-bekol-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 32px; box-shadow: var(--shadow-sm);
}
.wp-block-group.is-style-bekol-soft { background: var(--bg-soft); border-radius: var(--radius); padding: 32px; }
.wp-block-group.is-style-bekol-navy {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-700) 100%);
  color: #fff; border-radius: var(--radius-lg); padding: 40px;
}
.wp-block-group.is-style-bekol-navy :is(h2, h3, h4, p) { color: #fff; }
.wp-block-group.is-style-bekol-callout {
  background: linear-gradient(135deg, #FEF1E2 0%, var(--cream) 100%);
  border: 2px solid var(--orange); border-radius: var(--radius); padding: 28px;
}
.wp-block-group[class*="is-style-bekol"] > :first-child { margin-top: 0; }
.wp-block-group[class*="is-style-bekol"] > :last-child { margin-bottom: 0; }

/* ---------- Lists / quotes / headings ---------- */
ul.is-style-bekol-check { list-style: none; padding-inline-start: 0; }
ul.is-style-bekol-check li { position: relative; padding-inline-start: 28px; }
ul.is-style-bekol-check li::before { content: "\2713"; position: absolute; inset-inline-start: 0; color: var(--orange); font-weight: 800; }

.wp-block-quote.is-style-bekol-accent,
.wp-block-quote {
  border-inline-start: 4px solid var(--orange);
  padding: 8px 22px; margin: 24px 0;
  color: var(--muted); font-size: 1.125rem; font-style: italic;
}
.wp-block-pullquote { border-color: var(--orange); color: var(--navy); }

.wp-block-heading.is-style-bekol-tag {
  color: var(--orange-text); font-weight: 700; font-size: .875rem !important;
  letter-spacing: 2px; margin-bottom: 4px;
}

/* ---------- Details → FAQ ---------- */
.wp-block-details {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  margin-bottom: 12px; overflow: hidden;
}
.wp-block-details summary {
  cursor: pointer; padding: 20px 26px; color: var(--navy); font-weight: 700; font-size: 1.0625rem;
  list-style: none; display: flex; justify-content: space-between; gap: 16px;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; color: var(--orange); font-size: 1.625rem; font-weight: 300; line-height: 1; transition: transform var(--transition); }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > :not(summary) { padding-inline: 26px; color: var(--muted); }
.wp-block-details > :last-child { padding-bottom: 20px; margin-bottom: 0; }

/* ---------- Images / media ---------- */
.wp-block-image.is-style-bekol-rounded img { border-radius: var(--radius); box-shadow: var(--shadow); }
.wp-block-image img { height: auto; }
.wp-block-embed { margin-block: 24px; }
.wp-block-separator { border: 0; border-top: 1px solid var(--line); margin-block: 32px; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--line); padding: 10px 14px; }
.wp-block-table th { background: var(--navy-50); color: var(--navy); }
.wp-block-file .wp-block-file__button { background: var(--orange); border-radius: 999px; padding: 8px 18px; }