/**
 * Destination Page 2-Column Layout
 * Simple approach: 2/3 articles | 1/3 sidebar
 */

/* Apply to all destination pages */
body.page-north-america,
body.page-south-america,
body.page-central-america,
body.page-europe,
body.page-asia,
body.page-africa,
body.page-caribbean,
body.page-antarctica,
body.page-australia {
  /* Base styles */
}

/* 2-column grid on desktop */
@media (min-width: 1024px) {
  body.page-north-america .main-content-wrapper,
  body.page-south-america .main-content-wrapper,
  body.page-central-america .main-content-wrapper,
  body.page-europe .main-content-wrapper,
  body.page-asia .main-content-wrapper,
  body.page-africa .main-content-wrapper,
  body.page-caribbean .main-content-wrapper,
  body.page-antarctica .main-content-wrapper,
  body.page-australia .main-content-wrapper {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 3rem !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem !important;
  }

  /* Removed ::after pseudo-element - now using actual Mailchimp block */
}

/* Articles in SINGLE column - FORCE with high specificity */
body.page-north-america .destination-main-content .view-content,
body.page-south-america .destination-main-content .view-content,
body.page-central-america .destination-main-content .view-content,
body.page-europe .destination-main-content .view-content,
body.page-asia .destination-main-content .view-content,
body.page-africa .destination-main-content .view-content,
body.page-caribbean .destination-main-content .view-content,
body.page-antarctica .destination-main-content .view-content,
body.page-australia .destination-main-content .view-content,
body.page-americas .destination-main-content .view-content,
body.page-destinations .destination-main-content .view-content,
body.page-americas .view-destination-articles .view-content,
body.page-destinations .view-destination-articles .view-content,
.destination-layout .destination-main-content .view-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
  grid-template-columns: none !important;
  --views-grid--column-count: 1 !important;
}

/* Ensure cards are full width in destination layouts */
body.page-americas .destination-main-content .views-row,
body.page-destinations .destination-main-content .views-row,
body.page-americas .view-destination-articles .views-row,
body.page-destinations .view-destination-articles .views-row,
.destination-layout .destination-main-content .views-row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

/* Force article cards to full width on destination pages */
body.page-americas .news-card,
body.page-destinations .news-card,
.view-destination-articles .news-card,
.destination-main-content .news-card {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Make sidebar visible - FORCE */
body.page-north-america .layout-sidebar,
body.page-south-america .layout-sidebar,
body.page-central-america .layout-sidebar,
body.page-europe .layout-sidebar,
body.page-asia .layout-sidebar,
body.page-africa .layout-sidebar,
body.page-caribbean .layout-sidebar,
body.page-antarctica .layout-sidebar,
body.page-australia .layout-sidebar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-column: 2 !important;
}

@media (min-width: 1024px) {
  body.page-north-america .layout-sidebar,
  body.page-south-america .layout-sidebar,
  body.page-central-america .layout-sidebar,
  body.page-europe .layout-sidebar,
  body.page-asia .layout-sidebar,
  body.page-africa .layout-sidebar,
  body.page-caribbean .layout-sidebar,
  body.page-antarctica .layout-sidebar,
  body.page-australia .layout-sidebar {
    position: sticky !important;
    top: 100px !important;
  }
}

/* Mailchimp form styling moved to mailchimp-signup.css */