/* 
 Theme Name:   The7 Child
 Theme URI:    http://www.spiritandbear.co.uk/
 Description:  child theme for site
 Author:       Phil Halliday
 Author URI:   http://www.spiritandbear.co.uk/
 Template:     dt-the7
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
/* Free shipping banner: single-row (image + text) and responsive stack on small screens */
.my-free-shipping-banner {
  display: flex;
  flex-wrap: nowrap;           /* prevent wrapping into rows */
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #e0efe7;
  padding: 10px 14px;
  margin-bottom: 18px;
  border-radius: 8px;
  color: #083a2e;
  overflow: hidden;            /* prevents very long text from breaking layout */
}

/* image column */
.my-free-shipping-banner .fs-image {
  flex: 0 0 auto;              /* don't shrink or grow */
  display: block;
  line-height: 0;
}
.my-free-shipping-banner .fs-image img {
  height: 64px;                /* control height to keep one row - tweak as needed */
  width: auto;
  display: block;
  max-width: 100%;
}

/* text column */
.my-free-shipping-banner .fs-text {
  flex: 1 1 auto;              /* this takes remaining width */
  min-width: 0;                /* allow truncation/ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;         /* keep single line */
  font-size: 0.95rem;
}

/* remaining message (smaller line under main if needed) - but we keep single line by default */
.my-free-shipping-banner .fs-remaining {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}

/* small screens: stack vertically and allow wrapping */
@media (max-width: 600px) {
  .my-free-shipping-banner {
    flex-wrap: wrap;
    text-align: left;
  }
  .my-free-shipping-banner .fs-image img {
    height: 64px;
  }
  .my-free-shipping-banner .fs-text {
    white-space: normal;
    overflow: visible;
  }
}