/* -----------------------------------------------------------------------------
File Name: footer.css
Purpose:
  1) Align Follow/Payment icon rows
  2) Reduce gap before "Powered By"
  3) Fix “one-letter per line” breaking in footer links
Version: 1.7
File Path: /wp-content/themes/generatepress_child_theme_v1/footer.css
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
0) IMPORTANT FIX: stop the “one-letter per line” breaking
----------------------------------------------------------------------------- */
.site-footer{
  word-break: normal;
  overflow-wrap: normal;
}

.site-footer a{
  overflow-wrap: break-word; /* normal nice wrapping */
  word-break: normal;
}

/* Allow aggressive wrap ONLY for long email/phone */
.site-footer a[href*="mailto:"],
.site-footer a[href*="tel:"]{
  overflow-wrap: anywhere;
}

/* -----------------------------------------------------------------------------
1) Icons row: [Follow title] [Follow icons] [Payment title] [Payment icons]
----------------------------------------------------------------------------- */
.rg-footer-icons-row{
  align-items: center; /* makes ALL cells vertically aligned */
}

/* Kill default heading/paragraph margins inside those title containers */
.rg-footer-follow-title :is(h1,h2,h3,h4,h5,h6,p),
.rg-footer-payments-title :is(h1,h2,h3,h4,h5,h6,p){
  margin: 0 !important;
  line-height: 1.15;
}

/* Center titles within their own grid cells */
.rg-footer-follow-title,
.rg-footer-payments-title{
  display: flex;
  align-items: center;
  justify-content: center; /* center "Follow Us" / "Payment Options" */
  text-align: center;
}

/* Center-align Follow icons + Payment icons inside their own grid cells */
.rg-footer-follow-icons,
.rg-footer-payments-icons{
  display: flex;
  align-items: center;
  justify-content: center; /* center the icon row within the cell */
  gap: clamp(10px, 1.6vw, 16px);
  flex-wrap: wrap;
  line-height: 1; /* removes baseline weirdness */
}

/* Normalize icon blocks (anchors/svg) so they sit centered */
.rg-footer-follow-icons :is(a, span, svg),
.rg-footer-payments-icons :is(a, span, svg){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* -----------------------------------------------------------------------------
2) Reduce large gap before "Powered By" (usually block-gap + p margins)
----------------------------------------------------------------------------- */
.rg-footer-copyright{
  --wp--style--block-gap: 0;  /* Gutenberg/GB block gap */
  row-gap: 0;
}

.rg-footer-copyright :is(p, .wp-block-paragraph){
  margin: 0 !important;       /* remove default paragraph margins */
}

.rg-footer-poweredby{
  margin-top: clamp(4px, 0.7vw, 10px) !important;  /* small controlled gap */

}
.rg-footer-powerby-mobile{
    margin-bottom: 100px !important;
}    
}