/*
Theme Name: Rivas Health Pharmacy
Theme URI: https://example.com/
Author: Rivas Health Pharmacy
Author URI: https://example.com/
Description: WooCommerce-ready theme shell that serves the Rivas Health Pharmacy frontend build.
Version: 7.5
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rivas-health-pharmacy
Tags: e-commerce, custom-logo, one-column, accessibility-ready, responsive-layout
*/


:root{
  --rhp-max-width: 1200px;
  --rhp-bg: #f6f8fb;
  --rhp-surface: #ffffff;
  --rhp-text: #0b1220;
  --rhp-muted: rgba(11,18,32,.72);
  --rhp-border: rgba(11,18,32,.10);
  --rhp-shadow: 0 10px 30px rgba(11,18,32,.08);
  --rhp-primary: #0f766e;
  --rhp-primary-ink: #ffffff;
  --rhp-radius: 18px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.55;
  color:var(--rhp-text);
  background:var(--rhp-bg);
}
img{max-width:100%;height:auto;}

.rhp-container{
  max-width:var(--rhp-max-width);
  margin:0 auto;
  padding:0 16px;
}

/* Header */
.rhp-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(246,248,251,.92);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--rhp-border);
}
.rhp-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:70px;
  gap:14px;
}
.rhp-brand__link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;}
.rhp-brand__name{font-weight:800;letter-spacing:.2px;}

.rhp-nav-toggle{
  display:none;
  border:1px solid var(--rhp-border);
  background:var(--rhp-surface);
  border-radius:14px;
  padding:10px 12px;
  font:inherit;
  color:var(--rhp-text);
}

.rhp-nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.rhp-nav__list a{
  text-decoration:none;
  color:var(--rhp-text);
  padding:10px 12px;
  border-radius:14px;
}
.rhp-nav__list a:hover,
.rhp-nav__list .current-menu-item>a{background:rgba(15,118,110,.10);}

.rhp-actions{display:flex;align-items:center;gap:10px;}
.rhp-cart{
  text-decoration:none;
  color:var(--rhp-text);
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--rhp-border);
  border-radius:14px;
  background:var(--rhp-surface);
}
.rhp-cart__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:var(--rhp-text);
  color:#fff;
  font-size:12px;
  padding:0 7px;
}

@media (max-width: 900px){
  .rhp-nav-toggle{display:inline-flex;}
  .rhp-nav{width:100%;}
  .rhp-nav__list{display:none; width:100%; flex-direction:column; gap:6px; padding:10px 0 14px;}
  .rhp-header[data-open="1"] .rhp-nav__list{display:flex;}
}

/* Main / Footer */
.rhp-main{padding:26px 0 56px;}
.rhp-footer{border-top:1px solid var(--rhp-border); padding:26px 0; background:var(--rhp-bg);}
.rhp-footer__text{margin:0;color:var(--rhp-muted);}

/* Type + utilities */
.rhp-title{margin:0 0 10px; font-size:40px; line-height:1.05; letter-spacing:-.6px;}
.rhp-h2{margin:0 0 10px; font-size:24px; line-height:1.2; letter-spacing:-.2px;}
.rhp-h3{margin:0 0 8px; font-size:18px; line-height:1.25;}
.rhp-muted{margin:0;color:var(--rhp-muted);}
.rhp-kicker{margin:0 0 10px; color:rgba(15,118,110,.95); font-size:13px; font-weight:800; letter-spacing:.7px; text-transform:uppercase;}

.rhp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:16px;
  text-decoration:none;
  border:1px solid var(--rhp-border);
  color:var(--rhp-text);
  background:var(--rhp-surface);
  font-weight:750;
}
.rhp-btn--primary{background:var(--rhp-primary); color:var(--rhp-primary-ink); border-color:var(--rhp-primary);}
.rhp-btn--ghost{background:var(--rhp-surface);}
.rhp-link{color:var(--rhp-text); text-decoration:underline; text-underline-offset:3px;}

.rhp-section{padding:26px 0;}
.rhp-section__head{display:grid;gap:8px;margin-bottom:14px;}
.rhp-section__foot{margin-top:16px;}

.rhp-grid{display:grid;gap:14px;}
.rhp-grid--2{grid-template-columns:1fr;}
.rhp-grid--3{grid-template-columns:1fr;}
.rhp-grid--4{grid-template-columns:1fr;}
@media (min-width: 860px){
  .rhp-grid--2{grid-template-columns:1fr 1fr;}
  .rhp-grid--3{grid-template-columns:repeat(3,1fr);}
  .rhp-grid--4{grid-template-columns:repeat(4,1fr);}
}

.rhp-panel,.rhp-tile,.rhp-hero__card{
  border:1px solid var(--rhp-border);
  border-radius:var(--rhp-radius);
  padding:18px;
  background:var(--rhp-surface);
  box-shadow:var(--rhp-shadow);
}
.rhp-tile h3{margin:0 0 6px;font-size:16px;}
.rhp-tile p{margin:0;color:var(--rhp-muted);}

/* Hero */
.rhp-hero{display:grid;gap:16px;padding:18px 0 6px;}
@media (min-width: 980px){.rhp-hero{grid-template-columns:1.6fr 1fr; align-items:stretch;}}
.rhp-hero__title{margin:0 0 12px; font-size:44px; line-height:1.03; letter-spacing:-.8px;}
.rhp-hero__lead{margin:0 0 16px; color:var(--rhp-muted); max-width:64ch;}
.rhp-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;}
.rhp-hero__trust{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;color:var(--rhp-muted);}
.rhp-hero__trust li{border:1px solid var(--rhp-border); border-radius:999px; padding:7px 11px; background:rgba(255,255,255,.7);}

/* Content */
.rhp-content p{margin:0 0 12px;}
.rhp-list{margin:10px 0 0; padding-left:18px;}

/* FAQ */
.rhp-faq{border:1px solid var(--rhp-border); border-radius:16px; padding:14px 16px; background:var(--rhp-surface); box-shadow:var(--rhp-shadow); margin:12px 0;}
.rhp-faq summary{cursor:pointer;font-weight:800;}
.rhp-faq__body{margin-top:10px;color:var(--rhp-muted);}

/* Forms */
.rhp-form{display:grid;gap:12px;margin-top:12px;}
.rhp-field{display:grid;gap:6px;}
.rhp-field input,.rhp-field textarea{
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--rhp-border);
  background:var(--rhp-surface);
  font:inherit;
}

/* WooCommerce styling */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info{
  border-radius:16px;
  border:1px solid var(--rhp-border);
  background:var(--rhp-surface);
  box-shadow:var(--rhp-shadow);
}

.woocommerce .products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto;
  margin:0;
  padding:16px;
  border:1px solid var(--rhp-border);
  border-radius:var(--rhp-radius);
  background:var(--rhp-surface);
  box-shadow:var(--rhp-shadow);
}
.woocommerce ul.products li.product a img{border-radius:16px;}
.woocommerce ul.products li.product .price{color:rgba(15,118,110,.95); font-weight:800;}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius:16px;
  padding:12px 16px;
  border:1px solid var(--rhp-border);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--rhp-primary);
  color:var(--rhp-primary-ink);
  border-color:var(--rhp-primary);
}

.woocommerce div.product div.summary,
.woocommerce div.product div.images{background:transparent;}
.woocommerce div.product div.images img{border-radius:var(--rhp-radius);}
.woocommerce div.product .product_title{letter-spacing:-.4px;}

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{
  background:transparent;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  border-radius:16px;
  padding:12px 14px;
  border:1px solid var(--rhp-border);
}