/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/
/* Ingredient page layout */
.scs-ingredient-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 32px;
  align-items: start;
}

.scs-ingredient-main{
  min-width: 0;
}

/* Sidebar styling */
.scs-ingredient-sidebar .scs-sidebar-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
}

/* Sticky sidebar on desktop */
@media (min-width: 980px){
  .scs-ingredient-sidebar{
    position: sticky;
    top: 24px;
  }
}

/* Mobile: stack */
@media (max-width: 979px){
  .scs-ingredient-layout{
    grid-template-columns: 1fr;
  }
}
.scs-ingredients-index ul {
    columns: 3;
    column-gap: 2rem;
    list-style: none;
    padding-left: 0;
}

.scs-ingredients-index li {
    margin-bottom: 0.5rem;
}

.scs-ingredients-index a {
    text-decoration: none;
}

.scs-ingredients-index a:hover {
    text-decoration: underline;
}
@media (min-width: 1024px) {
  .scs-ingredients-index ul {
    columns: 4;
  }
}
.scs-ingredients-index a {
  color: #1f2937; /* dark gray */
}

.scs-ingredients-index a:hover {
  color: #2563eb; /* blue */
}

.scs-sidebar-promo-buttons{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:12px;
}

.scs-sidebar-promo .scs-btn{
  display:block;
  text-align:center;
  padding:12px 14px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
}

.scs-btn-amazon,
.scs-btn-etsy{
  background:#0b0b5a;  /* adjust to your brand */
  color:#fff;
}
.scs-swap-wrap{max-width:900px;margin:0 auto;padding:40px 16px;}
.scs-swap-card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:28px;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.scs-swap-type{font-size:14px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;opacity:.75;}
.scs-swap-title{margin:0 0 18px;line-height:1.15;}
.scs-swap-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 8px;}
.scs-swap-col{padding:14px 16px;border:1px solid #eee;border-radius:12px;background:#fafafa;}
.scs-swap-col h3{margin:0 0 6px;font-size:14px;opacity:.8;text-transform:uppercase;letter-spacing:.02em;}
.scs-swap-link{font-size:18px;font-weight:700;text-decoration:none;}
.scs-swap-link:hover{text-decoration:underline;}
.scs-swap-text{font-size:18px;font-weight:700;}
.scs-swap-notes{margin-top:18px;padding-top:14px;border-top:1px solid #eee;}
.scs-swap-notes h3{margin:0 0 8px;}
.scs-swap-body{margin-top:18px;}
.scs-swap-back{margin-top:18px;}
@media (max-width:720px){.scs-swap-grid{grid-template-columns:1fr;}}

/* Make the swap page use space better */
.scs-swap-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:16px 16px 40px;
}

/* Two-column layout */
.scs-swap-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:24px;
  align-items:start;
}

/* Card tweaks to reduce "floaty" feel */
.scs-swap-card{
  padding:24px;
}

/* Sidebar cards */
.scs-swap-sidebar .scs-side-card{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:16px;
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  margin-bottom:18px;
}

.scs-swap-sidebar h3{
  margin:0 0 10px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.02em;
  opacity:.8;
}

.scs-side-links{
  list-style:none;
  padding:0;
  margin:0;
}

.scs-side-links li{
  margin:0 0 10px;
}

.scs-side-links a{
  text-decoration:none;
  font-weight:600;
}

.scs-side-links a:hover{
  text-decoration:underline;
}

/* Promo boxes */
.scs-promo-sub{
  margin:0 0 12px;
  opacity:.75;
}

.scs-promo-box{
  border:1px solid #eee;
  border-radius:12px;
  padding:12px;
  background:#fafafa;
  margin-top:12px;
}

.scs-promo-btn{
  display:inline-block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #ddd;
  text-decoration:none;
  font-weight:700;
}

/* Mobile */
@media (max-width: 980px){
  .scs-swap-layout{ grid-template-columns:1fr; }
}

/* FORCE swap layout into two columns */
.scs-swap-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 24px !important;
  align-items: start;
}
/* Reduce excessive Astra spacing on swap pages */
.site-main {
  padding-top: 0 !important;
}

.scs-swap-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 16px 16px 40px !important;
}
/* Ensure sidebar behaves like a sidebar */
.scs-swap-sidebar {
  width: 100%;
}

.scs-swap-layout{display:grid !important;grid-template-columns:minmax(0,1fr) 340px !important;gap:24px !important;align-items:start;}
@media (max-width:980px){.scs-swap-layout{grid-template-columns:1fr !important;}}

/* FORCE the two-column layout */
.scs-swap-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:24px !important;
  align-items:start !important;
}

/* Make sure main/sidebar are grid children */
.scs-swap-main{min-width:0 !important;}
.scs-swap-sidebar{min-width:0 !important;}

/* Mobile stack */
@media (max-width: 980px){
  .scs-swap-layout{grid-template-columns:1fr !important;}
}

/* Promo buttons (Etsy / Amazon) */
.scs-promo-btn {
  display: inline-block;
  background-color: #0b5ea8; /* Smart Carb Sub blue */
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.scs-promo-btn:hover {
  background-color: #094a85;
  transform: translateY(-1px);
}

.scs-promo-btn:active {
  transform: translateY(0);
}