/* ================================================================
   SIDEBAR — page.php right sidebar: CTA, contacts, widget area
   Depends on: layout.css
================================================================ */

/* ── GP sidebar integration — layout 2 colonne ────────────────── */

/* Container che wrappa main + aside: flex su desktop */
.page-content-wrap {
  display:        flex;
  gap:            var(--space-10);
  align-items:    flex-start;
  padding-top:    var(--space-12);
  padding-bottom: var(--section-pad-md);
}

/* La colonna main prende tutto lo spazio disponibile */
.right-sidebar .page-content-wrap > .content-area {
  flex: 1;
  min-width: 0;
}

/* Sidebar: larghezza fissa 300px su desktop, sticky scroll */
.right-sidebar .page-content-wrap > .widget-area {
  flex:     0 0 300px;
  width:    300px;
  position: sticky;
  top:      calc(var(--header-height) + var(--space-6));
}

/* Mobile: stack verticale */
@media (max-width: 768px) {
  .page-content-wrap {
    flex-direction: column;
  }
  .right-sidebar .page-content-wrap > .widget-area {
    width: 100%;
  }
}

.inside-right-sidebar {
  display:        flex;
  flex-direction: column;
  gap:            var(--space-6);
}

/* ── CTA widget ───────────────────────────────────────────────── */

.sidebar-cta {
  background-color: var(--color-blue-deep);
  padding:          var(--space-8);
  text-align:       center;
}

.sidebar-cta__title {
  font-family:             var(--font-display);
  font-size:               var(--text-xl);
  font-weight:             400;
  color:                   var(--text-on-dark);
  margin:                  0 0 var(--space-2);
  -webkit-font-smoothing:  auto;
  -moz-osx-font-smoothing: auto;
}

.sidebar-cta__sub {
  font-size: var(--text-sm);
  color:     var(--text-on-dark-muted);
  margin:    0 0 var(--space-6);
}

/* ── Quick contact widget ─────────────────────────────────────── */

.sidebar-contact {
  border:  1px solid var(--border-standard);
  padding: var(--space-6);
}

.sidebar-contact__title {
  font-size:      var(--text-xs);
  font-weight:    600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color:          var(--text-muted);
  margin:         0 0 var(--space-4);
}

.sidebar-contact__list {
  list-style: none;
  margin:     0;
  padding:    0;
  display:    flex;
  flex-direction: column;
  gap:        var(--space-2);
}

.sidebar-contact__list li {
  font-size: var(--text-sm);
  color:     var(--text-primary);
}

.sidebar-contact__list a {
  color:           inherit;
  text-decoration: none;
}

.sidebar-contact__list a:hover {
  color: var(--color-blue-deep);
}

/* ── Widget area opzionale ────────────────────────────────────── */

.sidebar-widgets .widget {
  border-top: 1px solid var(--border-standard);
  padding-top: var(--space-6);
}

.sidebar-widget-title {
  font-size:      var(--text-xs);
  font-weight:    600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color:          var(--text-muted);
  margin:         0 0 var(--space-4);
}