/*
 * fioricetgen.com — Healthcare Website Template
 * Primary: #0486BE (blue) | Accent: #5ED3F5 (light blue) | BG: #F0F9FF (sky-50)
 * Header/Footer: gradient blue | Font: DM Sans + Itim (headings)
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Itim&display=swap');

/* ========== Base ========== */
body, body.woocommerce, body.woocommerce-page, .woocommerce, .woocommerce-page {
  font-family: 'DM Sans', sans-serif !important;
  color: #374151 !important;
  background-color: #F0F9FF !important;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6,
.page-title, .woocommerce-loop-product__title, .woocommerce div.product .product_title, .entry-title {
  font-family: 'DM Sans', sans-serif !important;
  color: #111827 !important;
  font-weight: 700 !important;
}

/* ========== Buttons ========== */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce .checkout-button,
.woocommerce .add_to_cart_button, .woocommerce .single_add_to_cart_button,
.btn, input[type="submit"] {
  background: linear-gradient(135deg, #0486BE, #00B0FB) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: opacity 0.2s !important;
  box-shadow: 0 4px 12px rgba(4,134,190,0.25) !important;
}

.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .add_to_cart_button:hover, .woocommerce .single_add_to_cart_button:hover,
.btn:hover, input[type="submit"]:hover {
  opacity: 0.9 !important;
  color: #fff !important;
}

/* ========== Links ========== */
.woocommerce a { color: #0486BE !important; }
.woocommerce a:hover { color: #00B0FB !important; }

/* ========== Product Cards ========== */
.woocommerce ul.products li.product, .products .product {
  background: #fff !important;
  border: 1px solid #E0F2FE !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 2px 10px rgba(4,134,190,0.06) !important;
  transition: box-shadow 0.3s, transform 0.3s !important;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 6px 20px rgba(4,134,190,0.12) !important; transform: translateY(-3px) !important; }
.woocommerce ul.products li.product .price { color: #0486BE !important; font-weight: 700 !important; }
.woocommerce span.onsale { background: linear-gradient(135deg,#0486BE,#00B0FB) !important; color: #fff !important; border-radius: 50px !important; }

/* ========== Notices ========== */
.woocommerce-message { border-top-color: #0486BE !important; background-color: #F0F9FF !important; }
.woocommerce-message::before { color: #0486BE !important; }

/* ========== Tables ========== */
.woocommerce table.shop_table thead th { background: linear-gradient(135deg,#0486BE,#00B0FB) !important; color: #fff !important; font-family: 'DM Sans', sans-serif !important; }
.woocommerce table.shop_table { border: 1px solid #E0F2FE !important; border-radius: 16px !important; overflow: hidden !important; }

/* ========== Inputs ========== */
.woocommerce input:focus, .woocommerce select:focus, .woocommerce textarea:focus {
  border-color: #0486BE !important;
  box-shadow: 0 0 0 3px rgba(4,134,190,0.15) !important;
  outline: none !important;
}

/* ========== Star Ratings ========== */
.woocommerce .star-rating span::before { color: #F59E0B !important; }

/* ================================================================
   CONTENT PAGE STYLES — HEALTHCARE WEBSITE
   ================================================================ */

.pc-content { font-family: 'DM Sans', sans-serif !important; background: #F0F9FF !important; }
.pc-hero-banner { background: linear-gradient(135deg, #0486BE, #00B0FB) !important; padding: 55px 0 45px !important; text-align: center !important; }
.pc-hero-banner-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 0 40px !important; }
.pc-hero-banner h1 { color: #fff !important; font-size: 36px !important; font-weight: 700 !important; font-family: 'DM Sans', sans-serif !important; margin: 0 !important; line-height: 1.3 !important; }

.pc-article-wrap { max-width: 920px !important; margin: 0 auto !important; padding: 45px 40px 80px !important; }
.pc-article {
  background: #fff !important;
  padding: 50px !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 20px rgba(4,134,190,0.06) !important;
  color: #374151 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.pc-article h2 { color: #053B5C !important; font-size: 26px !important; font-weight: 700 !important; margin: 35px 0 15px !important; font-family: 'DM Sans', sans-serif !important; }
.pc-article h2:first-child { margin-top: 0 !important; }
.pc-article h3 { color: #053B5C !important; font-size: 20px !important; font-weight: 700 !important; margin: 25px 0 12px !important; }
.pc-article p { margin-bottom: 18px !important; }
.pc-article strong { color: #111827 !important; }
.pc-article a { color: #0486BE !important; text-decoration: underline !important; }
.pc-article a:hover { color: #00B0FB !important; }
.pc-article blockquote {
  border-left: 4px solid #00B0FB !important;
  background: #F0F9FF !important;
  padding: 18px 24px !important;
  margin: 20px 0 !important;
  border-radius: 0 16px 16px 0 !important;
}

/* CTA Box */
.pc-cta-box {
  background: linear-gradient(135deg, #0486BE, #00B0FB) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  text-align: center !important;
  color: #fff !important;
  margin: 40px 0 10px !important;
}
.pc-cta-box h3 { color: #fff !important; font-size: 24px !important; margin: 0 0 10px !important; }
.pc-cta-box p { color: rgba(255,255,255,0.85) !important; margin-bottom: 20px !important; }
.pc-cta-box a, .pc-cta-box a.pc-cta-btn {
  display: inline-block !important;
  background: #fff !important;
  color: #0486BE !important;
  padding: 14px 40px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  transition: opacity 0.2s !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}
.pc-cta-box a:hover { opacity: 0.9 !important; }

/* Drug Cards */
.pc-drug-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 22px !important; margin: 25px 0 !important; }
.pc-drug-card {
  background: #fff !important;
  border: 1px solid #E0F2FE !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
  text-align: center !important;
  transition: box-shadow 0.3s, transform 0.3s !important;
}
.pc-drug-card:hover { box-shadow: 0 6px 20px rgba(4,134,190,0.12) !important; transform: translateY(-3px) !important; }
.pc-drug-card img { width: 56px !important; height: 56px !important; margin: 0 auto 14px !important; }
.pc-drug-card h4 { color: #053B5C !important; font-size: 18px !important; font-weight: 700 !important; margin: 0 0 8px !important; }
.pc-drug-card p { font-size: 14px !important; color: #6B7280 !important; margin: 0 0 16px !important; line-height: 1.5 !important; }
.pc-drug-card a { display: block !important; color: #0486BE !important; padding: 8px 0 !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; text-align: center !important; }
.pc-drug-card a:hover { color: #00B0FB !important; }
.pc-drug-card a.pc-card-btn {
  display: block !important;
  background: linear-gradient(135deg,#0486BE,#00B0FB) !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  margin-top: 6px !important;
}
.pc-drug-card a.pc-card-btn:hover { opacity: 0.9 !important; color: #fff !important; }

.pc-drug-card p:last-of-type { display: flex !important; flex-direction: column !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; }

/* FAQ */
.pc-faq-item { border-bottom: 1px solid #E0F2FE !important; }
.pc-faq-item summary { padding: 18px 0 !important; font-size: 17px !important; font-weight: 600 !important; color: #053B5C !important; cursor: pointer !important; list-style: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.pc-faq-item summary::-webkit-details-marker { display: none !important; }
.pc-faq-item summary::after { content: '+' !important; font-size: 22px !important; color: #0486BE !important; font-weight: 700 !important; }
.pc-faq-item[open] summary::after { content: '-' !important; }
.pc-faq-item .pc-faq-answer { padding: 0 0 18px !important; color: #6B7280 !important; }

/* Icon Features */
.pc-icon-feature { display: flex !important; gap: 20px !important; margin: 25px 0 !important; padding: 24px !important; background: #F0F9FF !important; border-radius: 16px !important; border: 1px solid #E0F2FE !important; }
.pc-icon-feature img { width: 52px !important; height: 52px !important; flex-shrink: 0 !important; }
.pc-icon-feature h4 { color: #053B5C !important; font-weight: 700 !important; margin: 0 0 6px !important; }
.pc-icon-feature p { margin: 0 !important; color: #6B7280 !important; }

/* Steps */
.pc-step { display: flex !important; gap: 20px !important; margin-bottom: 28px !important; padding: 24px !important; background: #F0F9FF !important; border-radius: 16px !important; border: 1px solid #E0F2FE !important; }
.pc-step-num { flex-shrink: 0 !important; width: 44px !important; height: 44px !important; background: linear-gradient(135deg,#0486BE,#00B0FB) !important; color: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; font-weight: 700 !important; }
.pc-step h4 { color: #053B5C !important; font-weight: 700 !important; margin: 0 0 6px !important; }
.pc-step p { margin: 0 !important; color: #6B7280 !important; }

/* Contact */
.pc-contact-card { background: #F0F9FF !important; border: 1px solid #E0F2FE !important; border-radius: 16px !important; padding: 24px !important; text-align: center !important; }
.pc-contact-card h4 { color: #053B5C !important; }
.pc-contact-card a { color: #0486BE !important; font-weight: 600 !important; text-decoration: none !important; }
.pc-contact-card a:hover { color: #00B0FB !important; }

/* Info Box */
.pc-info-box { background: #F0F9FF !important; border: 1px solid #E0F2FE !important; border-radius: 16px !important; padding: 20px 24px !important; margin: 20px 0 !important; }

/* Responsive */
@media(max-width:768px){
  .pc-hero-banner { padding: 40px 0 30px !important; }
  .pc-hero-banner h1 { font-size: 26px !important; }
  .pc-article-wrap { padding: 25px 16px 50px !important; }
  .pc-article { padding: 28px 20px !important; }
  .pc-cta-box { padding: 28px 20px !important; }
  .pc-drug-grid { grid-template-columns: 1fr !important; }
  .pc-icon-feature { flex-direction: column !important; text-align: center !important; align-items: center !important; }
  .pc-step { flex-direction: column !important; text-align: center !important; align-items: center !important; }
}


/* Hide the cart icon pseudo-element, show text */
.woocommerce ul.products li.product .product-loop-footer .add-to-cart-wrap a::before,
.woocommerce ul.products li.product .product-loop-footer .add-to-cart-wrap a::after {
    display: none !important;
    content: none !important;
}
/* Hide the "view cart" arrow link that appears after adding */
.woocommerce ul.products li.product .product-loop-footer .added_to_cart {
    display: block !important;
    position: static !important;
    text-align: center !important;
    padding: 6px !important;
    font-size: 13px !important;
    text-indent: 0 !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin-top: 4px !important;
    background: none !important;
    box-shadow: none !important;
    color: inherit !important;
}
.woocommerce ul.products li.product .product-loop-footer .added_to_cart::before,
.woocommerce ul.products li.product .product-loop-footer .added_to_cart::after {
    display: none !important;
    content: none !important;
}
/* Hide tooltip popup */
.tooltip, .bs-tooltip-auto, [data-bs-toggle="tooltip"] + .tooltip {
    display: none !important;
}

/* === SHOP PAGE: Hide Add to Cart on grid (use product page instead) === */
.woocommerce ul.products li.product .product-loop-footer {
    display: none !important;
}
.tooltip, .bs-tooltip-auto, [data-bs-toggle="tooltip"] + .tooltip {
    display: none !important;
}

/* Fix email wrapping in footer */
.ua-ftr-col ul a[href^="mailto:"],
.up-ftr-col ul a[href^="mailto:"],
.fg-ftr-col ul a[href^="mailto:"],
.ez-ftr-col ul a[href^="mailto:"],
.pc-ftr-col ul a[href^="mailto:"],
footer a[href^="mailto:"] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    display: inline-block !important;
    font-size: 12px !important;
}