/*
 * usapharmatics.com — WooCommerce Overrides + Content Page Styles
 * Healthcare Consumer Template
 * Primary: #5B2E8D (purple) | Accent: #D9915A (copper) | BG: #ffffff
 */

/* ========== Base ========== */
body.woocommerce, body.woocommerce-page, .woocommerce, .woocommerce-page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  color: #374151 !important;
  background-color: #ffffff !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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  color: #111827 !important;
  font-weight: 600 !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-color: #D9915A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 28px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: background 0.2s !important;
  box-shadow: 0 2px 8px rgba(217,145,90,0.25) !important;
}

.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce .add_to_cart_button:hover, .woocommerce .single_add_to_cart_button:hover,
.btn:hover, input[type="submit"]:hover {
  background-color: #B87643 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(217,145,90,0.35) !important;
}

/* ========== Links ========== */
.woocommerce a { color: #5B2E8D !important; }
.woocommerce a:hover { color: #D9915A !important; }

/* ========== Product Cards ========== */
.woocommerce ul.products li.product, .products .product {
  background: #fff !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  transition: box-shadow 0.3s, transform 0.3s !important;
}

.woocommerce ul.products li.product:hover, .products .product:hover {
  box-shadow: 0 6px 20px rgba(91,46,141,0.12) !important;
  transform: translateY(-3px) !important;
}

.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #5B2E8D !important;
  font-weight: 700 !important;
}

.woocommerce ul.products li.product .price del { color: #9CA3AF !important; opacity: 0.7 !important; }
.woocommerce ul.products li.product .price ins { color: #5B2E8D !important; text-decoration: none !important; }
.woocommerce span.onsale { background-color: #D9915A !important; color: #fff !important; border-radius: 6px !important; }

/* ========== Notices ========== */
.woocommerce-message { border-top-color: #D9915A !important; background-color: #FFF7ED !important; }
.woocommerce-message::before { color: #D9915A !important; }
.woocommerce-info { border-top-color: #5B2E8D !important; background-color: #F7F0FF !important; }
.woocommerce-info::before { color: #5B2E8D !important; }

/* ========== Tables ========== */
.woocommerce table.shop_table thead th, .woocommerce table.cart thead th {
  background-color: #5B2E8D !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 600 !important;
}

.woocommerce table.shop_table, .woocommerce table.cart {
  border: 1px solid #E5E7EB !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table td, .woocommerce table.cart td {
  border-bottom: 1px solid #E5E7EB !important;
}

/* ========== Inputs ========== */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .woocommerce input[type="text"],
.woocommerce input[type="email"], .woocommerce input[type="tel"],
.woocommerce input[type="password"], .woocommerce input[type="number"],
.woocommerce select, .woocommerce textarea {
  border: 1.5px solid #E5E7EB !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.woocommerce input:focus, .woocommerce select:focus, .woocommerce textarea:focus {
  border-color: #5B2E8D !important;
  box-shadow: 0 0 0 3px rgba(91,46,141,0.15) !important;
  outline: none !important;
}

/* ========== Breadcrumbs ========== */
.woocommerce .woocommerce-breadcrumb { color: #6B7280 !important; font-size: 0.875rem !important; }
.woocommerce .woocommerce-breadcrumb a { color: #5B2E8D !important; }
.woocommerce .woocommerce-breadcrumb a:hover { color: #D9915A !important; }

/* ========== Pagination ========== */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #374151 !important;
  border-color: #E5E7EB !important;
  border-radius: 6px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #5B2E8D !important;
  color: #fff !important;
  border-color: #5B2E8D !important;
}

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

/* ========== Tabs ========== */
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #6B7280 !important; font-weight: 500 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #5B2E8D !important; }

/* ========== Sidebar ========== */
.widget-area .widget-title, .sidebar .widget-title {
  color: #5B2E8D !important;
  font-weight: 600 !important;
}

.widget-area a, .sidebar a { color: #5B2E8D !important; }
.widget-area a:hover, .sidebar a:hover { color: #D9915A !important; }

/* ================================================================
   CONTENT PAGE STYLES (page-content.php template)
   Aggressive !important to beat Electro theme overrides
   ================================================================ */

/* Hero Banner */
.pc-content { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; background: #fff !important; }
.pc-hero-banner { background: #5B2E8D !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: 600 !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; margin: 0 !important; line-height: 1.3 !important; }

/* Article Wrapper */
.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: 8px !important;
  box-shadow: 0 2px 20px rgba(91,46,141,0.06) !important;
  color: #374151 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

/* Article Typography */
.pc-article h2 { color: #5B2E8D !important; font-size: 26px !important; font-weight: 600 !important; margin: 35px 0 15px !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; }
.pc-article h2:first-child { margin-top: 0 !important; }
.pc-article h3 { color: #5B2E8D !important; font-size: 20px !important; font-weight: 600 !important; margin: 25px 0 12px !important; }
.pc-article p { margin-bottom: 18px !important; }
.pc-article ul, .pc-article ol { padding-left: 24px !important; margin-bottom: 18px !important; }
.pc-article li { margin-bottom: 8px !important; }
.pc-article strong { color: #111827 !important; }
.pc-article a { color: #5B2E8D !important; text-decoration: underline !important; }
.pc-article a:hover { color: #D9915A !important; }
.pc-article img { max-width: auto !important; height: auto !important; border-radius: 8px !important; margin: 10px 0 !important; }
.pc-article blockquote {
  border-left: 4px solid #D9915A !important;
  background: #FFF7ED !important;
  padding: 18px 24px !important;
  margin: 20px 0 !important;
  border-radius: 0 8px 8px 0 !important;
  font-style: italic !important;
  color: #555 !important;
}

/* CTA Box */
.pc-cta-box {
  background: #5B2E8D !important;
  border-radius: 8px !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.9) !important; margin-bottom: 20px !important; font-size: 16px !important; }
.pc-cta-box a, .pc-cta-box a.pc-cta-btn {
  display: inline-block !important;
  background: #D9915A !important;
  color: #fff !important;
  padding: 14px 40px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
  box-shadow: 0 2px 10px rgba(217,145,90,0.3) !important;
}
.pc-cta-box a:hover, .pc-cta-box a.pc-cta-btn:hover { background: #B87643 !important; }

/* Drug Cards Grid */
.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: 1.5px solid #E5E7EB !important;
  border-radius: 8px !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(91,46,141,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: #5B2E8D !important; font-size: 18px !important; font-weight: 700 !important; margin: 0 0 8px !important; }
.pc-drug-card p { font-size: 14px !important; color: #666 !important; margin: 0 0 16px !important; line-height: 1.5 !important; }
.pc-drug-card a {
  display: block !important;
  color: #5B2E8D !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: opacity 0.3s !important;
}
.pc-drug-card a:hover { opacity: 0.7 !important; }
.pc-drug-card a.pc-card-btn {
  display: block !important;
  background: #D9915A !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin-top: 6px !important;
  transition: background 0.2s !important;
  box-shadow: 0 2px 8px rgba(217,145,90,0.25) !important;
}
.pc-drug-card a.pc-card-btn:hover { background: #B87643 !important; color: #fff !important; }

/* Handle wpautop wrapping links in <p> tags */
.pc-drug-card p:last-of-type {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Info Box */
.pc-info-box {
  background: #F7F0FF !important;
  border: 1px solid #E9DEFF !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  margin: 20px 0 !important;
}
.pc-info-box.warning {
  background: #fffbeb !important;
  border-color: #fde68a !important;
}

/* FAQ Accordion */
.pc-faq-item { border-bottom: 1px solid #E5E7EB !important; }
.pc-faq-item summary {
  padding: 18px 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #5B2E8D !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: #D9915A !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: #555 !important; font-size: 16px !important; line-height: 1.7 !important; }

/* Icon Feature (About page) */
.pc-icon-feature {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin: 25px 0 !important;
  padding: 24px !important;
  background: #F7F0FF !important;
  border-radius: 8px !important;
  border: 1px solid #E9DEFF !important;
}
.pc-icon-feature img { width: 52px !important; height: 52px !important; flex-shrink: 0 !important; }
.pc-icon-feature h4 { color: #5B2E8D !important; font-size: 17px !important; font-weight: 600 !important; margin: 0 0 6px !important; }
.pc-icon-feature p { margin: 0 !important; font-size: 15px !important; color: #555 !important; }

/* Steps (How It Works) */
.pc-steps { counter-reset: step !important; margin: 30px 0 !important; }
.pc-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin-bottom: 28px !important;
  padding: 24px !important;
  background: #F7F0FF !important;
  border-radius: 8px !important;
  border: 1px solid #E9DEFF !important;
}
.pc-step-num {
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  background: #5B2E8D !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: #5B2E8D !important; font-size: 17px !important; font-weight: 600 !important; margin: 0 0 6px !important; }
.pc-step p { margin: 0 !important; font-size: 15px !important; color: #555 !important; }

/* Contact Info */
.pc-contact-row {
  display: flex !important;
  gap: 20px !important;
  margin: 25px 0 !important;
  flex-wrap: wrap !important;
}
.pc-contact-card {
  flex: 1 !important;
  min-width: 200px !important;
  background: #F7F0FF !important;
  border: 1px solid #E9DEFF !important;
  border-radius: 8px !important;
  padding: 24px !important;
  text-align: center !important;
}
.pc-contact-card h4 { color: #5B2E8D !important; margin: 0 0 8px !important; font-size: 16px !important; }
.pc-contact-card a { color: #5B2E8D !important; font-size: 18px !important; font-weight: 600 !important; text-decoration: none !important; }
.pc-contact-card a:hover { color: #D9915A !important; }

/* Responsive */
@media(max-width:768px){
  .pc-hero-banner { padding: 40px 0 30px !important; }
  .pc-hero-banner h1 { font-size: 26px !important; }
  .pc-hero-banner-inner { padding: 0 20px !important; }
  .pc-article-wrap { padding: 25px 16px 50px !important; }
  .pc-article { padding: 28px 20px !important; }
  .pc-article h2 { font-size: 22px !important; margin-top: 28px !important; }
  .pc-article h3 { font-size: 18px !important; }
  .pc-cta-box { padding: 28px 20px !important; background: #5B2E8D !important; border-radius: 8px !important; text-align: center !important; color: #fff !important; margin: 30px 0 10px !important; }
  .pc-cta-box h3 { color: #fff !important; font-size: 20px !important; }
  .pc-cta-box p { color: rgba(255,255,255,0.9) !important; }
  .pc-cta-box a, .pc-cta-box a.pc-cta-btn { display: inline-block !important; background: #D9915A !important; color: #fff !important; padding: 12px 32px !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 16px !important; text-decoration: none !important; box-shadow: 0 2px 10px rgba(217,145,90,0.3) !important; }
  .pc-drug-grid { grid-template-columns: 1fr !important; gap: 16px !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; }
  .pc-contact-row { flex-direction: column !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;
}