/*
Theme Name: PharmaTropics Editable WooCommerce Theme
Theme URI: https://pharmatropics.local
Author: PharmaTropics
Description: Fully editable, responsive WooCommerce theme for PharmaTropics. Text, menus, products and page content are real WordPress elements rather than a single image.
Version: 8.2
Text Domain: pharmatropics
Requires PHP: 7.4
*/

:root{
 --pt-green:#123c29;
 --pt-green-2:#1f563a;
 --pt-gold:#c79a43;
 --pt-gold-light:#e8ca80;
 --pt-cream:#fbf2df;
 --pt-paper:#fffaf0;
 --pt-beige:#edddc2;
 --pt-text:#143d2a;
 --pt-muted:#6d6254;
 --pt-border:rgba(20,61,42,.14);
 --pt-shadow:0 18px 45px rgba(20,61,42,.10);
 --pt-radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pt-cream);color:var(--pt-text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.pt-container{width:min(1180px,calc(100% - 32px));margin:auto}
.pt-topbar{background:var(--pt-green);color:var(--pt-gold-light);text-align:center;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pt-header{background:#fff7e9;border-bottom:1px solid var(--pt-border);position:sticky;top:0;z-index:999}
.pt-nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.pt-brand{font-family:Georgia,serif;font-weight:900;letter-spacing:.12em;font-size:26px}
.pt-brand small{display:block;font:700 9px Arial,sans-serif;letter-spacing:.28em;text-align:center;margin-top:6px}
.pt-nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase}
.pt-actions{display:flex;align-items:center;gap:12px}
.pt-action{padding:10px 14px;border-radius:999px;border:1px solid var(--pt-green);font-size:12px;font-weight:800}
.pt-action.primary{background:var(--pt-green);color:#fff}
.pt-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--pt-green);cursor:pointer}


.pt-hero{
 position:relative;
 overflow:hidden;
 background:
  radial-gradient(circle at 18% 26%,rgba(244,210,128,.28),transparent 24%),
  radial-gradient(circle at 78% 42%,rgba(255,255,255,.36),transparent 28%),
  linear-gradient(115deg,#c99c45 0%,#e7ca86 28%,#f8ecd0 62%,#cf9f43 100%);
 padding:76px 0 68px;
 border-bottom:1px solid rgba(18,60,41,.15);
}
.pt-hero:before{
 content:"";
 position:absolute;
 inset:0;
 background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px),
  radial-gradient(circle at 50% 0,rgba(255,255,255,.34),transparent 42%);
 pointer-events:none;
}
.pt-hero-grid{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:1.05fr .95fr;
 gap:38px;
 align-items:center;
}
.pt-hero-copy{text-align:left}
.pt-hero-logo{
 width:min(250px,52vw);
 margin:0 0 24px;
 filter:drop-shadow(0 10px 18px rgba(20,61,42,.22));
}
.pt-hero h1{
 font-family:Georgia,serif;
 text-transform:uppercase;
 font-size:clamp(40px,5.2vw,70px);
 line-height:1;
 letter-spacing:.025em;
 margin:0 0 18px;
 color:var(--pt-green);
 text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.pt-hero p{
 max-width:650px;
 margin:0 0 30px;
 color:#3f3526;
 font-size:17px;
 line-height:1.7;
}
.pt-buttons{display:flex;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.pt-hero-product{
 position:relative;
 min-height:520px;
 display:grid;
 place-items:end center;
 background:transparent;
 border:0;
 box-shadow:none;
 padding:0;
}
.pt-hero-product:before{
 content:"";
 position:absolute;
 width:78%;
 height:22%;
 left:11%;
 bottom:5%;
 border-radius:50%;
 background:rgba(65,44,18,.20);
 filter:blur(20px);
}
.pt-hero-product img{
 position:relative;
 z-index:1;
 display:block;
 max-height:560px;
 width:auto;
 border-radius:0;
 filter:drop-shadow(0 26px 28px rgba(30,25,12,.28));
}

.pt-section{padding:68px 0}
.pt-section.white{background:#fff8ea}
.pt-section.green{background:var(--pt-green);color:#fff}
.pt-title{font-family:Georgia,serif;text-align:center;text-transform:uppercase;font-size:clamp(30px,4vw,46px);letter-spacing:.05em;margin:0 0 10px}
.pt-title:after{content:"✶";display:block;color:var(--pt-gold);font-size:16px;margin-top:8px}
.pt-lead{text-align:center;color:var(--pt-muted);max-width:740px;margin:0 auto 36px;line-height:1.7}
.pt-section.green .pt-lead{color:rgba(255,255,255,.75)}

.pt-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pt-product-card{background:var(--pt-paper);border:1px solid #ddc49a;border-radius:12px;padding:18px;box-shadow:var(--pt-shadow);display:flex;flex-direction:column}
.pt-product-card img{width:100%;aspect-ratio:584/345;object-fit:cover;border-radius:8px;background:#f2e4cc}
.pt-product-card h3{font-family:Georgia,serif;font-size:21px;text-transform:uppercase;margin:16px 0 7px}
.pt-product-card p{color:var(--pt-muted);font-size:13px;line-height:1.55;flex:1}
.pt-price{font-size:22px;font-weight:900;margin:12px 0}
.pt-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.pt-card-actions .pt-btn{flex:1;padding:0 12px}

.pt-usp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}
.pt-usp{padding:22px 12px}
.pt-usp-icon{font-size:31px;color:var(--pt-gold);margin-bottom:10px}
.pt-usp strong{display:block;text-transform:uppercase;font-size:12px;margin-bottom:7px}
.pt-usp span{font-size:12px;line-height:1.45;color:var(--pt-muted)}

.pt-story-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;align-items:stretch}
.pt-story-copy{background:var(--pt-green);color:#fff;padding:42px;border-radius:18px}
.pt-story-copy h2{font-family:Georgia,serif;text-transform:uppercase;font-size:32px;margin:0 0 18px}
.pt-story-copy p{line-height:1.75;color:rgba(255,255,255,.84)}
.pt-story-visual{border-radius:18px;overflow:hidden;background:#d8c08e;min-height:330px}
.pt-story-visual img{width:100%;height:100%;object-fit:cover}

.pt-learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pt-learn-card{background:#fff;border:1px solid #ddc49a;border-radius:10px;padding:22px}
.pt-learn-card h3{font-family:Georgia,serif;text-transform:uppercase;font-size:19px;margin:0 0 10px}
.pt-learn-card p{font-size:13px;line-height:1.6;color:var(--pt-muted)}
.pt-learn-card a{font-size:12px;font-weight:900;text-transform:uppercase}

.pt-newsletter{background:var(--pt-green);color:#fff;padding:28px 0}
.pt-news-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center}
.pt-newsletter h3{font-family:Georgia,serif;text-transform:uppercase;color:var(--pt-gold-light);font-size:23px;margin:0 0 6px}
.pt-news-form{display:flex;gap:10px}
.pt-news-form input{flex:1;min-width:0;padding:13px 16px;background:#0d291c;border:1px solid var(--pt-gold);color:#fff}
.pt-news-form button{border:0;background:var(--pt-gold);font-weight:900;text-transform:uppercase;padding:0 28px}

.pt-footer{background:#0f291d;color:rgba(255,255,255,.78);padding:42px 0 18px}
.pt-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}
.pt-footer h4,.pt-footer strong{font-family:Georgia,serif;color:var(--pt-gold-light);text-transform:uppercase}
.pt-footer ul{list-style:none;margin:0;padding:0}
.pt-footer li{margin:8px 0;font-size:13px}
.pt-footer a:hover{text-decoration:underline}
.pt-copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:26px;padding-top:14px;font-size:11px}

.pt-content-page{padding:60px 0;background:#fffaf0}
.pt-content-page article{background:#fff;border:1px solid var(--pt-border);border-radius:16px;padding:32px}
.pt-content-page h1{font-family:Georgia,serif;text-transform:uppercase}

.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid #ddc49a;border-radius:10px;padding:16px;text-align:center}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--pt-green)!important;color:#fff!important}

@media(max-width:1024px){
 .pt-nav{gap:18px}
 .pt-hero-grid{grid-template-columns:1fr 1fr}
 .pt-products{grid-template-columns:repeat(2,1fr)}
 .pt-usp-grid{grid-template-columns:repeat(3,1fr)}
 .pt-footer-grid{grid-template-columns:repeat(2,1fr)}
 .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .pt-toggle{display:block}
 .pt-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff7e9;padding:18px;flex-direction:column;border-top:1px solid var(--pt-border)}
 .pt-nav.is-open{display:flex}
 .pt-brand{font-size:19px}
 .pt-actions .account-link{display:none}
 .pt-hero-grid,.pt-story-grid,.pt-news-grid{grid-template-columns:1fr}
 .pt-products,.pt-usp-grid,.pt-learn-grid,.pt-footer-grid,.woocommerce ul.products{grid-template-columns:1fr}
 .pt-hero{padding:44px 0}
 .pt-news-form{flex-direction:column}
 .pt-news-form button{min-height:44px}
}

.pt-learn-card{padding:0;overflow:hidden}
.pt-learn-image{display:block;width:100%;height:210px;object-fit:cover}
.pt-learn-placeholder{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#e8d4ae,#fff8e9);font-size:58px}
.pt-learn-content{padding:22px}

@media(max-width:1024px){
 .pt-hero-product{min-height:430px}
 .pt-hero-product img{max-height:450px}
}
@media(max-width:760px){
 .pt-hero-copy{text-align:center}
 .pt-hero-logo{margin-left:auto;margin-right:auto}
 .pt-buttons{justify-content:center}
 .pt-hero-product{min-height:360px}
 .pt-hero-product img{max-height:390px}
}
