/*
Theme Name:	Geopoint - Child theme
Theme URI: http://themnific.com
Description:	A basic child theme for Geopoint Theme
Author:		Dannci & Themnific
Author URI: http://themnific.com
Template:	geopoint
Version:	0.1
*/

/* ADD SOME STYLE BELOW */
/* --- Geopoint Child: force 3-col grid @ 40/40/20 and kill parent floats/widths --- */
#footer .footer-widgets.three-col-footer {
  display: grid;
  grid-template-columns: minmax(250px, 2fr) minmax(350px, 2fr) minmax(200px, 1fr);
  gap: 40px;
  align-items: start;
  width: 100%;
  padding: 40px 0;
}
#footer .footer-widgets.three-col-footer .last {
  text-align: right;
  overflow-wrap: anywhere;  /* prevents text breaking out */
  word-break: break-word;
}
#footer .footer-widgets.three-col-footer .middle {
    text-align: left;
}

/* Neutralize theme's floats/widths/margins inside our grid only */
#footer .footer-widgets.three-col-footer .tmnf_foocol {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;           /* rely on grid gap */
  box-sizing: border-box;
  display: block;                 /* grid items */
}

/* If the theme targets specific columns, override them too */
#footer .footer-widgets.three-col-footer .tmnf_foocol.first,
#footer .footer-widgets.three-col-footer .tmnf_foocol.middle,
#footer .footer-widgets.three-col-footer .tmnf_foocol.last {
  float: none !important;
  width: auto !important;
}

/* Images behave nicely */
#footer .footer-widgets.three-col-footer .tmnf_foocol img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Optional alignment for your headings/images */
#footer .footer-widgets.three-col-footer .first  { text-align: left; }
#footer .footer-widgets.three-col-footer .middle { text-align: center; }
#footer .footer-widgets.three-col-footer .last   { text-align: right; }

/* Responsive tweaks */
@media (max-width: 1000px) {
  #footer .footer-widgets.three-col-footer {
    grid-template-columns: 1fr 1fr;   /* collapse to two columns on tablet */
  }
}
@media (max-width: 600px) {
  #footer .footer-widgets.three-col-footer {
    grid-template-columns: 1fr;       /* single column on mobile */
    text-align: center;
  }
}