/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ---- Water Pure design system ---- */

/* Eyebrow / kicker lines */
h6 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.85em;
  font-weight: 600;
  color: #27BCD4;
  margin-bottom: 0.5em;
}

/* Soft rounding motif */
.rounded { border-radius: 16px; overflow: hidden; }
.rounded-box { border-radius: 16px; }
.rounded-bottom { border-radius: 0 0 16px 16px; overflow: hidden; }
.rounded img { border-radius: 16px; }

/* Buttons: pill + subtle lift */
.button, button, input[type="submit"] { border-radius: 99px; letter-spacing: 0.5px; }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(13,126,191,.25); transition: all .2s ease; }

/* Product cards */
.product-small .box-image img { background: #fff; }
.product-small.box { border-radius: 16px; overflow: hidden; }

/* Trust badge strip */
.wp-trust-badge { display: inline-flex; align-items: center; gap: 8px; }

/* Dosage / comparison tables */
.wp-table table { border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; border: 1px solid #e3eef5; }
.wp-table th { background: #0D7EBF; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85em; padding: 12px 16px; }
.wp-table td { padding: 12px 16px; border-top: 1px solid #e3eef5; }
.wp-table tr:nth-child(even) td { background: #f4fafd; }

/* Sticky add-to-cart bar (Flatsome built-in) already themed by primary color */

/* FAQ accordion polish */
.accordion .accordion-item { border-radius: 12px; margin-bottom: 8px; border: 1px solid #e3eef5; overflow: hidden; }
.accordion .accordion-title { font-weight: 600; }

/* Checkmark lists */
ul.check-list { list-style: none; padding-left: 0; }
ul.check-list li { padding-left: 32px; position: relative; margin-bottom: 10px; }
ul.check-list li:before { content: "\2713"; position: absolute; left: 0; top: 0;
  width: 22px; height: 22px; border-radius: 50%; background: #27BCD4; color: #fff;
  font-size: 13px; line-height: 22px; text-align: center; font-weight: 700; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

h6 { letter-spacing: 2px; }

}