/*
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 ***************/

/* ===============================
   ORANTUS – ACF PRODUCT TABS
   Works with WYSIWYG fields:
   uses, properties_benefits, stories_curiosities,
   contraindications_safety, blends_recipes, aromatherapy,
   ingredient, chemical_components, packaging_volume, faq
   =============================== */

.orantus-tab-content {
  max-width: 900px;
  font-size: 15px;
  line-height: 1.75;
  color: #444;
}

.orantus-tab-content p {
  margin: 0 0 1rem;
}

.orantus-tab-content p:last-child {
  margin-bottom: 0;
}

.orantus-tab-content h2,
.orantus-tab-content h3,
.orantus-tab-content h4 {
  margin: 1.2rem 0 0.6rem;
  font-weight: 600;
  line-height: 1.35;
  color: #222;
}

.orantus-tab-content h2:first-child,
.orantus-tab-content h3:first-child,
.orantus-tab-content h4:first-child {
  margin-top: 0;
}

.orantus-tab-content ul,
.orantus-tab-content ol {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}

.orantus-tab-content li {
  margin-bottom: 0.45rem;
}

.orantus-tab-content li:last-child {
  margin-bottom: 0;
}

.orantus-tab-content strong,
.orantus-tab-content b {
  font-weight: 600;
  color: #333;
}

.orantus-tab-content a {
  text-decoration: underline;
}

.orantus-tab-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Individual ACF tab wrappers – available for future custom styling */
.orantus-uses,
.orantus-properties-benefits,
.orantus-stories-curiosities,
.orantus-contraindications-safety,
.orantus-blends-recipes,
.orantus-aromatherapy,
.orantus-ingredient,
.orantus-chemical-components,
.orantus-packaging-volume,
.orantus-faq {
  max-width: 900px;
}

/* Optional FAQ styling when content is written with headings + paragraphs */
.orantus-faq h3,
.orantus-faq h4 {
  margin-top: 1.1rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.orantus-faq h3:first-child,
.orantus-faq h4:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* ===============================
   ORANTUS – PRODUCT ATTRIBUTES
   Shortcode: [orantus_attributes]
   =============================== */

.orantus-product-attributes {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.orantus-product-attributes div {
  padding: 6px 0;
  border: none;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

.orantus-product-attributes strong {
  font-weight: 600;
  color: #333;
}

.orantus-product-attributes a {
  color: inherit;
  text-decoration: none;
  font-size: 15px;
}

.orantus-product-attributes a:hover {
  color: #000;
  text-decoration: underline;
}

/*************** ADD MOBILE ONLY CSS HERE ***************/
@media only screen and (max-width: 48em) {
  .orantus-tab-content {
    max-width: 100%;
    font-size: 14.5px;
    line-height: 1.7;
  }

  .orantus-tab-content h2,
  .orantus-tab-content h3,
  .orantus-tab-content h4 {
    line-height: 1.3;
  }
}