/* =====================================================
   RC Banner Due Colonne — style.css (frontend)
   ===================================================== */

.rc-b2c {
  display: flex;
  width: 100%;
  font-family: 'Jost', sans-serif;
}

/* ── Colonne ─────────────────────────────────────────── */
.rc-b2c__col {
  flex: 0 0 var(--rc-b2c-w1, 50%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.rc-b2c__col:last-child {
  flex: 0 0 var(--rc-b2c-w2, 50%);
}

/* ── Immagine di sfondo ──────────────────────────────── */
.rc-b2c__col-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.rc-b2c__col-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.rc-b2c__col-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* ── Contenuto ───────────────────────────────────────── */
.rc-b2c__col-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 560px;
}

/* Allineamento */
.rc-b2c__col--left   { justify-content: flex-start; }
.rc-b2c__col--left   .rc-b2c__col-content { margin-right: auto; }

.rc-b2c__col--center { justify-content: center; text-align: center; }
.rc-b2c__col--center .rc-b2c__col-content { margin: 0 auto; }
.rc-b2c__col--center .rc-b2c__text { margin-left: auto; margin-right: auto; }
.rc-b2c__col--center .rc-b2c__actions { justify-content: center; }

.rc-b2c__col--right  { justify-content: flex-end; text-align: right; }
.rc-b2c__col--right  .rc-b2c__col-content { margin-left: auto; }
.rc-b2c__col--right  .rc-b2c__actions { justify-content: flex-end; }

/* ── Temi colore testi ───────────────────────────────── */
/* Scuri */
.rc-b2c__col--dark .rc-b2c__overline,
.rc-b2c__col--brand .rc-b2c__overline,
.rc-b2c__col--soft .rc-b2c__overline { color: #dcb0b4; }

.rc-b2c__col--dark .rc-b2c__title,
.rc-b2c__col--brand .rc-b2c__title,
.rc-b2c__col--soft .rc-b2c__title { color: #fff; }

.rc-b2c__col--dark .rc-b2c__text,
.rc-b2c__col--brand .rc-b2c__text,
.rc-b2c__col--soft .rc-b2c__text { color: rgba(252, 249, 245, 0.75); }

.rc-b2c__col--dark .rc-b2c__link,
.rc-b2c__col--brand .rc-b2c__link,
.rc-b2c__col--soft .rc-b2c__link { color: #dcb0b4; }

/* Chiari */
.rc-b2c__col--light .rc-b2c__overline,
.rc-b2c__col--surface .rc-b2c__overline,
.rc-b2c__col--white .rc-b2c__overline { color: #c58f95; }

.rc-b2c__col--light .rc-b2c__title,
.rc-b2c__col--surface .rc-b2c__title,
.rc-b2c__col--white .rc-b2c__title { color: #21374c; }

.rc-b2c__col--light .rc-b2c__text,
.rc-b2c__col--surface .rc-b2c__text,
.rc-b2c__col--white .rc-b2c__text { color: #5f6b74; }

.rc-b2c__col--light .rc-b2c__link,
.rc-b2c__col--surface .rc-b2c__link,
.rc-b2c__col--white .rc-b2c__link { color: #21374c; }

/* Custom — default scuro */
.rc-b2c__col--custom .rc-b2c__overline { color: #dcb0b4; }
.rc-b2c__col--custom .rc-b2c__title    { color: #fff; }
.rc-b2c__col--custom .rc-b2c__text     { color: rgba(252,249,245,0.75); }
.rc-b2c__col--custom .rc-b2c__link     { color: #dcb0b4; }

/* ── Overline ────────────────────────────────────────── */
.rc-b2c__overline {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1;
}

/* ── Titolo ──────────────────────────────────────────── */
.rc-b2c__title {
  margin: 0 0 1rem;
  font-family: 'Jost', sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.03em;
}

/* ── Testo ───────────────────────────────────────────── */
.rc-b2c__text {
  margin: 0 0 0;
  font-size: clamp(0.96rem, 1.1vw, 1.05rem);
  font-weight: 400;
  line-height: 1.82;
  max-width: 48ch;
}

/* ── Azioni ──────────────────────────────────────────── */
.rc-b2c__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
}

/* ── Bottoni ─────────────────────────────────────────── */
.rc-b2c__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 1.6rem;
  font-family: 'Jost', sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: background-color .2s ease, color .2s ease,
              border-color .2s ease, transform .15s ease;
}

.rc-b2c__btn:hover { transform: translateY(-1px); }

.rc-b2c__btn--light         { background-color: #fcf9f5; border-color: #fcf9f5; color: #21374c; }
.rc-b2c__btn--light:hover   { background-color: #fff; border-color: #fff; }

.rc-b2c__btn--outline-light { background-color: transparent; border-color: rgba(252,249,245,0.55); color: #fcf9f5; }
.rc-b2c__btn--outline-light:hover { background-color: rgba(252,249,245,0.1); border-color: rgba(252,249,245,0.9); color: #fff; }

.rc-b2c__btn--primary       { background-color: #21374c; border-color: #21374c; color: #fcf9f5; }
.rc-b2c__btn--primary:hover { background-color: #2f4b63; border-color: #2f4b63; }

.rc-b2c__btn--outline-dark  { background-color: transparent; border-color: #21374c; color: #21374c; }
.rc-b2c__btn--outline-dark:hover { background-color: #21374c; color: #fcf9f5; }

.rc-b2c__btn--secondary     { background-color: transparent; border-color: #c58f95; color: #c58f95; }
.rc-b2c__btn--secondary:hover { background-color: #c58f95; color: #fff; }

.rc-b2c__btn--soft          { background-color: #2f4b63; border-color: #2f4b63; color: #fcf9f5; }
.rc-b2c__btn--soft:hover    { background-color: #21374c; border-color: #21374c; }

/* ── Link con freccia ────────────────────────────────── */
.rc-b2c__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Jost', sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  transition: gap .2s ease, color .2s ease;
}

.rc-b2c__link:hover { gap: 0.8rem; }

.rc-b2c__link svg {
  width: 16px; height: 16px;
  flex-shrink: 0;
  transition: transform .2s ease;
}

.rc-b2c__link:hover svg { transform: translateX(3px); }

/* ── Stack mobile ────────────────────────────────────── */
@media (max-width: 768px) {
  .rc-b2c--stack-mobile {
    flex-direction: column;
  }

  .rc-b2c--stack-mobile .rc-b2c__col,
  .rc-b2c--stack-mobile .rc-b2c__col:last-child {
    flex: 0 0 100%;
    width: 100%;
  }

  .rc-b2c__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .rc-b2c__col--center .rc-b2c__actions,
  .rc-b2c__col--right  .rc-b2c__actions {
    align-items: center;
  }
}