/*
Theme Name: JA Volunteer Theme
Theme URI: http://192.168.2.222
Author: Andre Gallant
Description: Custom theme for the JA South Western Ontario Volunteer Portal
Version: 1.0
Text Domain: ja-volunteer-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body,
button, input, select, textarea {
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title, .site-branding,
.ja-opp-card, .ja-opp-card__title {
  font-family: 'Montserrat', sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
}

/* ===== Portal layout hard override ===== */

/* Main white portal body = 80% of viewport */
.page-template-page-portal .site-main,
.page-template-page-portal .entry-content,
.page-template-page-portal .ja-portal-shell,
.page-template-page-portal .ja-portal-main,
.page-template-page-portal main {
  width: 90% !important;
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Available Opportunities two-column area */
.page-template-page-portal .ja-opps-layout,
.page-template-page-portal .ja-opp-map-wrap,
.page-template-page-portal .ja-opportunities-map,
.page-template-page-portal .ja-portal-grid {
  display: grid !important;
  grid-template-columns: 40% 60% !important;
  gap: 24px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Left column wrapper */
.page-template-page-portal .ja-opp-list-col,
.page-template-page-portal .ja-opps-list,
.page-template-page-portal .ja-opportunities-list,
.page-template-page-portal #gOppListContainer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Right column wrapper / map */
.page-template-page-portal .ja-map-col,
.page-template-page-portal .ja-opps-map,
.page-template-page-portal .ja-opportunities-map-col,
.page-template-page-portal #gMapFrame {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Make opportunity cards fill full list width */
.page-template-page-portal #gOppListContainer .ja-opp-card {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
  margin: 0 0 12px 0 !important;
}

/* Make map fill full right column */
.page-template-page-portal #gMapFrame {
  display: block !important;
  width: 100% !important;
  min-height: 460px !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile stack */
@media (max-width: 900px) {
  .page-template-page-portal .site-main,
  .page-template-page-portal .entry-content,
  .page-template-page-portal .ja-portal-shell,
  .page-template-page-portal .ja-portal-main,
  .page-template-page-portal main {
    width: 94vw !important;
    max-width: 94vw !important;
  }

  .page-template-page-portal .ja-opps-layout,
  .page-template-page-portal .ja-opp-map-wrap,
  .page-template-page-portal .ja-opportunities-map,
  .page-template-page-portal .ja-portal-grid {
    grid-template-columns: 1fr !important;
  }

  .page-template-page-portal #gMapFrame {
    min-height: 320px !important;
  }
}