/*
 Theme Name: PackerySurfCam Child (Astra)
 Template: astra
 Version: 1.0.1
*/

/* Make full-width blocks truly full in Astra */
.ast-container .alignfull{
  max-width:none; width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Remove padding on builder template pages if you still use that template */
.ast-single-post.ast-page-builder-template .site-main > article,
.ast-page-builder-template .post-navigation { padding:0 !important; }

/* Simple card/badge styling */
.psc-card{border:1px solid #ececec;border-radius:12px;padding:14px;background:#fff;margin-bottom:16px;}
.psc-badge{display:inline-block;border:1px solid #e0e7ff;background:#f5f7ff;color:#1e3a8a;padding:4px 8px;border-radius:999px;font-size:.85rem;margin:0 6px 6px 0;}
.psc-badges{display:flex;flex-wrap:wrap;gap:6px;}

/* Remove the full-height panel/border Astra adds to sidebar/content */
.ast-separate-container .site-content .content-area,
.ast-separate-container .site-content .sidebar-main{
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* === Packery: make the Astra sidebar a true vertical stack === */

/* 1) Treat the whole sidebar container as a column flexbox */
aside#secondary,
aside#secondary .sidebar-main,
aside#secondary .widget-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;   /* spacing between widgets */
}

/* 2) Each widget should act like a full-width block item */
aside#secondary .widget,
aside#secondary .widget.widget_block {
  flex: 0 0 auto !important;
  width: 100% !important;
}

/* 3) Nuke any row/columns inside the sidebar that force horizontal layout */
aside#secondary .wp-block-group.is-layout-flex { 
  display: block !important; 
}
aside#secondary .wp-block-columns { 
  display: block !important; 
}
aside#secondary .wp-block-column { 
  flex: 0 0 100% !important; 
  max-width: 100% !important; 
}

/* 4) Universal "card" look for every widget */
aside#secondary .widget,
aside#secondary .widget.widget_block {
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  padding: 14px;
}

/* If your weather shortcode already outputs its own .psc-card, avoid double border */
aside#secondary .widget .psc-card {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* Exact kill for Astra’s desktop padding */
@media (min-width: 993px){
  body.ast-right-sidebar.ast-separate-container #primary,
  body.ast-right-sidebar #primary {
    padding-right: 0 !important;
  }
}

<div id="sc-widget-782"
     data-sc-widget-type="forecast"
     data-sc-widget-slug="corpus-christi-texas"
     data-sc-widget-theme="light"
     data-sc-widget-units="1"></div>

<script src="https://surfcaptain.com/js/get-widget.js?id=782" defer></script>