/* ==========================================================================
   Rasa Child – global styles
   Keep it lean; Elementor handles layout. This sets the dark look.
   ========================================================================== */

:root{
  --rasa-bg:#000;             /* confirmed */
  --rasa-text:#F2F2F2;        /* off-white for comfortable contrast */
  --rasa-muted:#B8B8B8;
  --rasa-accent:#25D366;      /* WhatsApp */
  --rasa-border: #1A1A1A;
}

html, body {
  background: var(--rasa-bg);
  color: var(--rasa-text);
}

.theme-dark a { color: var(--rasa-text); }
.theme-dark a:hover, .theme-dark a:focus { opacity:.8; }

.theme-dark .elementor-widget-heading .elementor-heading-title,
.theme-dark h1, .theme-dark h2, .theme-dark h3,
.theme-dark h4, .theme-dark h5, .theme-dark h6 {
  color: var(--rasa-text);
}

/* Buttons (Elementor) */
.theme-dark .elementor-button {
  background: transparent;
  border: 1.5px solid var(--rasa-text);
  color: var(--rasa-text);
  border-radius: 999px;
  padding: .8rem 1.3rem;
}
.theme-dark .elementor-button:hover {
  background: var(--rasa-text);
  color: #000;
}

/* WhatsApp CTA button variant */
.button--wa,
.theme-dark .button--wa {
  background: var(--rasa-accent);
  border-color: var(--rasa-accent);
  color: #000;
}
.button--wa:hover { filter: brightness(0.9); }

/* Section rhythm */
.section-xxl { padding: 120px 0; }
.section-xl  { padding: 96px 0; }
.section-lg  { padding: 72px 0; }
@media (max-width: 767px){
  .section-xxl { padding: 72px 0; }
  .section-xl  { padding: 64px 0; }
  .section-lg  { padding: 56px 0; }
}

/* Utility: subtle divider for dark bg sections */
.hr-dark {
  width: 100%;
  height: 1px;
  background: var(--rasa-border);
  margin: 40px 0;
}

/* Hide default WP page title (we'll use Elementor) */
.page .entry-title { display:none; }

.elementor-26 .elementor-element.elementor-element-4d369256 .elementor-repeater-item-5eb0945 > a :is(i, svg) {
    color: #ffffff;
    fill: #ffffff;
}

.elementor-26 .elementor-element.elementor-element-4d369256 .elementor-repeater-item-e2aa959 > a :is(i, svg) {
    color: #ffffff;
    fill: #ffffff;
}