:root { --iit-control-radius: 12px; --iit-action-gold: #bc9748; --iit-action-cream: #fffaf0; }

/* One shape for the forum's interactive controls and warm panels. */
body:not(.wp-admin) :is(button, .button, .wp-element-button, a[class*="button"], [role="button"], input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, .iit-quote-card, .iit-offer-footer, .iit-offer-panel, .iit-start-card, .iit-experience-panel, .listora-tabs, .listora-tab, .bn-space-card, .bn-card) {
  border-radius: var(--iit-control-radius) !important;
}
body:not(.wp-admin) :is(.iit-quote-card, .iit-offer-footer, .iit-offer-panel) { overflow: hidden; }
body:not(.wp-admin) :is(.listora-detail__tabs, .listora-detail__tab, .listora-card, .listora-filter, .listora-chip, .listora-badge) { border-radius: 12px !important; }
body:not(.wp-admin) :is(.iit-quote-card, .iit-offer-footer, .iit-offer-panel, .iit-start-card) a:is(.iit-offer-button, .iit-quote-button, .iit-visual-button) { border-radius: var(--iit-control-radius) !important; }

/* The paired card labels share a size; the second line carries the accent. */
.iit-quote-card > .iit-quote-kicker,
.iit-quote-card > h2,
.iit-quote-card > h3 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}
.iit-quote-card > h2, .iit-quote-card > h3 { color: var(--iit-action-gold) !important; }
.iit-quote-card > .iit-quote-kicker { color: #4d3f20 !important; }

/* Links in Camilla's service content are real, consistent action buttons. */
.iit-visual-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 24px 36px; }
.iit-visual-button,
body:not(.wp-admin) .iit-visual-actions a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 20px !important;
  background: var(--iit-action-gold) !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box;
}
.iit-visual-button:hover, .iit-visual-actions a:hover { background: #9d792f !important; color: #fff !important; }
.iit-visual-button::after, .iit-visual-actions a::after { content: none !important; }
.iit-offer-details p a, .iit-quote-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin: 4px;
  min-height: 46px;
  box-sizing: border-box;
  background: var(--iit-action-gold);
  color: #fff !important;
  border-radius: 12px !important;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
}
.iit-offer-details p a:hover, .iit-quote-card a:hover { background: #9d792f; }
.iit-offer-details p a::after, .iit-quote-card a::after { content: none !important; }
.iit-offer-footer .iit-offer-button, .iit-quote-card-foot a, .iit-offer-action-row a { min-height: 48px; }

.iit-curated-image { margin: 20px 0 28px; overflow: hidden; border-radius: 12px; background: #f1e7d6; }
.iit-curated-image img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; }
.iit-quote-card .iit-curated-image { margin: 0 0 18px; }
.iit-quote-card .iit-curated-image img { aspect-ratio: 16 / 10; object-fit: cover; }
.iit-quote-card .iit-curated-image--logo img { aspect-ratio: 16 / 9; object-fit: contain; padding: 24px; box-sizing: border-box; background: #fffaf0; }
.iit-offer-hero .iit-curated-image { max-width: 720px; }
.iit-offer-hero .iit-curated-image--logo img { padding: 26px; background: #fffaf0; }

/* Room after content, including short listing pages. */
#primary, #main, .site-main { padding-bottom: max(48px, 5vw); }
#colophon, .site-footer { margin-top: 48px !important; }

@media (max-width: 767px) {
  .iit-visual-actions, .iit-offer-action-row, .iit-quote-card-foot { flex-direction: column !important; align-items: stretch !important; }
  .iit-visual-actions a, .iit-offer-action-row a, .iit-offer-footer a, .iit-quote-card-foot a,
  .iit-quote-card > a, .iit-quote-card .iit-offer-button { display: flex !important; width: 100% !important; box-sizing: border-box; justify-content: center; text-align: center; }
  .iit-quote-card .iit-curated-image img { aspect-ratio: 16 / 9; }
  .iit-offer-details p a, .iit-quote-card a { display: flex; width: 100%; margin: 10px 0; }
}

/* The forum theme's editorial rules are in this cascade layer. */
@layer iit-reading-accessibility {
  body:not(.wp-admin) #page :is(button, .button, .wp-element-button, a[class*="button"], [role="button"], input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, .iit-quote-card, .iit-offer-footer, .iit-offer-panel, .iit-start-card, .listora-detail__tabs, .listora-detail__tab, .bn-space-card, .bn-card) { border-radius: 12px !important; }
  body:not(.wp-admin) #page .iit-quote-card > :is(.iit-quote-kicker, h2, h3) { font-size: 16px !important; line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: .035em !important; }
  body:not(.wp-admin) #page .iit-quote-card > :is(h2, h3) { color: #bc9748 !important; }
  body:not(.wp-admin) #page :is(.iit-offer-details, .iit-quote-card) a { border-radius: 12px !important; }
  body:not(.wp-admin) #page #colophon { margin-top: 48px !important; }
}
