/* ============================================================
   RabtPCS Theme — customizer-content.css
   Styling for HTML/block content in customizer sections.
   Ensures proper rendering of inline styles and HTML.
   ============================================================ */

/* ── Footer Block Content ──────────────────────────────────────── */
.rabtpcs-footer-block,
.rabtpcs-footer-block * {
  /*direction: ltr !important;*/
  unicode-bidi: embed !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

.rabtpcs-footer-block {
  width: 100% !important;
  display: block !important;
  clear: both !important;
}

.rabtpcs-footer-block > * {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  max-width: stretch !important;
  padding-inline: unset !important;
}

/* Allow inline styles */
.rabtpcs-footer-block [style] {
  all: revert !important;
}

/* Force flex/grid to work properly */
.rabtpcs-footer-block [style*="display"] {
  display: var(--custom-display, block) !important;
}

.rabtpcs-footer-block .row,
.rabtpcs-footer-block [class*="row"],
.rabtpcs-footer-block [style*="display: flex"],
.rabtpcs-footer-block [style*="display:flex"],
.rabtpcs-footer-block [class*="flex"] {
  display: flex !important;
  flex-wrap: wrap !important;
}

/*.rabtpcs-footer-block [style*="display: grid"],
  .rabtpcs-footer-block [style*="display:grid"],
  .rabtpcs-footer-block [class*="grid"] {
   display: grid;
}*/

.rabtpcs-footer-block [style*="display: inline"],
.rabtpcs-footer-block [style*="display:inline"],
.rabtpcs-footer-block [class*="inline"] {
  display: inline-block !important;
}

/* Images and media */
.rabtpcs-footer-block img,
.rabtpcs-footer-block video,
.rabtpcs-footer-block iframe {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  clear: both !important;
}

/* Typography */
.rabtpcs-footer-block p {
  display: block !important;
  width: 100% !important;
  margin: 0 0 1rem 0 !important;
}

.rabtpcs-footer-block h1,
.rabtpcs-footer-block h2,
.rabtpcs-footer-block h3,
.rabtpcs-footer-block h4,
.rabtpcs-footer-block h5,
.rabtpcs-footer-block h6 {
  display: block !important;
  width: 100% !important;
  margin: 1rem 0 0.5rem 0 !important;
  clear: both !important;
}

/* Lists */
.rabtpcs-footer-block ul,
.rabtpcs-footer-block ol,
.rabtpcs-footer-block dl {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 0 0 1.5rem !important;
}

.rabtpcs-footer-block li {
  display: list-item;
  width: auto !important;
  margin: 0.25rem 0 !important;
}

/* Dividers and separators */
.rabtpcs-footer-block hr {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: 1rem 0 !important;
  border: 1px solid #e0e0e0 !important;
}

/* Tables */
.rabtpcs-footer-block table {
  display: table !important;
  width: 100% !important;
  clear: both !important;
  margin: 1rem 0 !important;
  border-collapse: collapse !important;
}

.rabtpcs-footer-block thead,
.rabtpcs-footer-block tbody,
.rabtpcs-footer-block tfoot {
  display: table-row-group !important;
}

.rabtpcs-footer-block tr {
  display: table-row !important;
}

.rabtpcs-footer-block td,
.rabtpcs-footer-block th {
  display: table-cell !important;
  padding: 0.5rem !important;
  border: 1px solid #e0e0e0 !important;
}

/* Buttons and forms */
.rabtpcs-footer-block button,
.rabtpcs-footer-block input[type="button"],
.rabtpcs-footer-block input[type="submit"] {
  display: inline-block !important;
  cursor: pointer !important;
  padding: 0.5rem 1rem !important;
  background-color: #007bff !important;
  color: white !important;
  border: 1px solid #007bff !important;
  border-radius: 4px !important;
}

.rabtpcs-footer-block button:hover,
.rabtpcs-footer-block input[type="button"]:hover,
.rabtpcs-footer-block input[type="submit"]:hover {
  background-color: #0056b3 !important;
  border-color: #0056b3 !important;
}

/* Links */


.rabtpcs-footer-block a:hover {
  text-decoration: underline !important;
}

/* Code blocks */
.rabtpcs-footer-block code,
.rabtpcs-footer-block pre {
  display: block !important;
  width: 100% !important;
  background-color: #f5f5f5 !important;
  padding: 0.5rem !important;
  border-radius: 4px !important;
  font-family: monospace !important;
  overflow-x: auto !important;
}

/* Blockquote */
.rabtpcs-footer-block blockquote {
  display: block !important;
  width: 100% !important;
  margin: 1rem 0 !important;
  padding: 1rem !important;
  border-left: 4px solid #ccc !important;
  background-color: #f9f9f9 !important;
}

/* ── Header Block Content ──────────────────────────────────────── */
.rabtpcs-header-top,
.rabtpcs-header-top * {
  /*direction: ltr !important;*/
  unicode-bidi: embed !important;
}

.rabtpcs-header-top {
  width: 100% !important;
  display: block !important;
  clear: both !important;
}

.rabtpcs-header-top > * {
  display: block !important;
  clear: both !important;
  width: 100% !important;
}

.rabtpcs-header-top [style] {
  all: revert !important;
}

/* ── General Block Content Utilities ────────────────────────────── */
.rabtpcs-footer-block .wp-block,
.rabtpcs-header-top .wp-block {
  margin: 0 0 1rem 0 !important;
}

.rabtpcs-footer-block .wp-block-spacer,
.rabtpcs-header-top .wp-block-spacer {
  margin: 0 !important;
}

.rabtpcs-footer-block .wp-block-separator,
.rabtpcs-header-top .wp-block-separator {
  margin: 1rem 0 !important;
}