/*
Theme Name: PeptaGainz
Theme URI: https://peptagainz.com
Author: PeptaGainz
Description: Temă WooCommerce custom pentru PeptaGainz — dark, roșu, alb.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: peptagainz
WC requires at least: 8.0
*/

:root{
  --pg-bg:#0a0a0b;
  --pg-bg-2:#111113;
  --pg-card:#161618;
  --pg-line:#26262a;
  --pg-text:#ececee;
  --pg-muted:#9a9aa2;
  --pg-red:#e3141b;
  --pg-red-2:#ff2a31;
  --pg-gold:#e8b923;
  --pg-radius:14px;
  --pg-head:'Barlow Condensed','Oswald',Impact,sans-serif;
  --pg-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --pg-wrap:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pg-bg);color:var(--pg-text);font:16px/1.6 var(--pg-body);-webkit-font-smoothing:antialiased}
a{color:var(--pg-text);text-decoration:none;transition:color .2s}
a:hover{color:var(--pg-red-2)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--pg-head);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.pg-wrap{max-width:var(--pg-wrap);margin:0 auto;padding:0 20px}
.pg-red{color:var(--pg-red)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Buttons */
.pg-btn,.button,button.button,input.button,.wc-block-components-button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:var(--pg-red);color:#fff!important;border:0;border-radius:999px;
  padding:.85em 1.6em;font:700 .95rem/1 var(--pg-head);letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 24px -8px rgba(227,20,27,.6)
}
.pg-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--pg-red-2);transform:translateY(-1px);color:#fff}
.pg-btn--ghost{background:transparent;border:1.5px solid #fff;box-shadow:none}
.pg-btn--ghost:hover{background:#fff;color:#000!important}
.woocommerce a.button.disabled,.woocommerce button.button:disabled{opacity:.5}

/* Top bar */
.pg-topbar{background:var(--pg-red);color:#fff;font:600 .78rem/1 var(--pg-body);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:9px 12px}
.pg-topbar span{opacity:.9;margin:0 .6em}

/* Header */
.pg-header{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--pg-line)}
.pg-header__in{display:flex;align-items:center;gap:24px;height:78px}
.pg-logo img{height:52px;width:auto}
.pg-nav{margin-left:auto}
.pg-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.pg-nav a{font:600 1rem/1 var(--pg-head);letter-spacing:.1em;text-transform:uppercase}
.pg-nav .current-menu-item>a{color:var(--pg-red-2)}
.pg-cart{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--pg-line);border-radius:50%}
.pg-cart svg{width:20px;height:20px}
.pg-cart__count{position:absolute;top:-4px;right:-4px;background:var(--pg-red);color:#fff;font:700 .7rem/18px var(--pg-body);min-width:18px;height:18px;border-radius:9px;text-align:center;padding:0 4px}
.pg-burger{display:none;background:none;border:1px solid var(--pg-line);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer}
@media (max-width:860px){
  .pg-burger{display:flex;align-items:center;justify-content:center;margin-left:auto}
  .pg-nav{position:absolute;top:78px;left:0;right:0;background:var(--pg-bg-2);border-bottom:1px solid var(--pg-line);display:none;margin:0}
  .pg-nav.is-open{display:block}
  .pg-nav ul{flex-direction:column;gap:0;padding:8px 20px}
  .pg-nav li a{display:block;padding:14px 0;border-bottom:1px solid var(--pg-line)}
  .pg-logo img{height:40px}
}

/* Hero */
.pg-hero{position:relative;overflow:hidden;padding:90px 0 80px;
  background:radial-gradient(800px 420px at 80% 40%,rgba(227,20,27,.28),transparent 60%),
             radial-gradient(600px 300px at 10% 90%,rgba(227,20,27,.12),transparent 60%),var(--pg-bg)}
.pg-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.pg-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pg-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .8rem/1 var(--pg-body);letter-spacing:.18em;text-transform:uppercase;color:var(--pg-red-2);margin-bottom:18px}
.pg-eyebrow::before{content:"";width:28px;height:2px;background:var(--pg-red)}
.pg-hero p.lead{font-size:1.15rem;color:#c9c9cf;max-width:540px}
.pg-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.pg-hero__img{position:relative}
.pg-hero__img img{border-radius:50%;filter:drop-shadow(0 30px 60px rgba(227,20,27,.35));max-width:460px;margin:auto}
@media (max-width:860px){.pg-hero{padding:56px 0}.pg-hero__grid{grid-template-columns:1fr}.pg-hero__img{order:-1}.pg-hero__img img{max-width:260px}}

/* Trust strip */
.pg-trust{border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);background:var(--pg-bg-2)}
.pg-trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.pg-trust__item{display:flex;gap:14px;align-items:center;padding:24px 18px;border-right:1px solid var(--pg-line)}
.pg-trust__item:last-child{border-right:0}
.pg-trust__ico{flex:0 0 44px;height:44px;border:1.5px solid var(--pg-red);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pg-red-2)}
.pg-trust__ico svg{width:22px;height:22px}
.pg-trust strong{display:block;font:700 1rem/1.1 var(--pg-head);letter-spacing:.06em;text-transform:uppercase}
.pg-trust small{color:var(--pg-muted)}
@media (max-width:860px){.pg-trust__grid{grid-template-columns:1fr 1fr}.pg-trust__item:nth-child(2){border-right:0}.pg-trust__item{border-bottom:1px solid var(--pg-line)}}
@media (max-width:480px){.pg-trust__grid{grid-template-columns:1fr}.pg-trust__item{border-right:0}}

/* Sections */
.pg-section{padding:80px 0}
.pg-section--alt{background:var(--pg-bg-2)}
.pg-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;flex-wrap:wrap}
.pg-section__head p{color:var(--pg-muted);max-width:520px;margin:0}

/* Category tiles */
.pg-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-cat{position:relative;padding:28px 22px;border:1px solid var(--pg-line);border-radius:var(--pg-radius);background:linear-gradient(160deg,#1a1a1d,#0f0f11);overflow:hidden;min-height:150px}
.pg-cat::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(227,20,27,.35),transparent 70%)}
.pg-cat h3{margin-bottom:6px}
.pg-cat span{color:var(--pg-muted);font-size:.9rem}
.pg-cat:hover{border-color:var(--pg-red)}
@media (max-width:860px){.pg-cats{grid-template-columns:1fr 1fr}}

/* Disclaimer block */
.pg-disclaimer{border:1px solid rgba(227,20,27,.5);border-left:4px solid var(--pg-red);background:rgba(227,20,27,.06);border-radius:var(--pg-radius);padding:26px 28px}
.pg-disclaimer h3{color:var(--pg-red-2)}
.pg-disclaimer p{color:#cfcfd4;margin:0}

/* Content pages */
.pg-page{padding:60px 0 80px}
.pg-page__title{border-bottom:1px solid var(--pg-line);padding-bottom:20px;margin-bottom:30px}
.pg-content{max-width:860px}
.pg-content h2{font-size:1.7rem;margin-top:1.4em}
.pg-content a{color:var(--pg-red-2)}
.pg-content ul{padding-left:1.2em}

/* Footer */
.pg-footer{background:#060607;border-top:1px solid var(--pg-line);padding:60px 0 0;color:var(--pg-muted);font-size:.92rem}
.pg-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.pg-footer h4{color:#fff;font-size:1.05rem;letter-spacing:.12em}
.pg-footer ul{list-style:none;margin:0;padding:0}
.pg-footer li{margin:0 0 8px}
.pg-footer a{color:var(--pg-muted)}
.pg-footer a:hover{color:#fff}
.pg-footer__logo img{height:46px;width:auto;margin-bottom:16px}
.pg-footer__legal{margin-top:46px;border-top:1px solid var(--pg-line);padding:20px 0;font-size:.8rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pg-footer__ruo{font-size:.78rem;line-height:1.5;color:#7d7d85;margin-top:14px}
@media (max-width:860px){.pg-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pg-footer__grid{grid-template-columns:1fr}}

/* ===== WooCommerce ===== */
.pg-shop{padding:50px 0 80px}
.woocommerce .woocommerce-breadcrumb{color:var(--pg-muted);font-size:.85rem;margin-bottom:20px}
.woocommerce .woocommerce-breadcrumb a{color:var(--pg-muted)}
.woocommerce-products-header__title,.woocommerce .page-title{font-size:clamp(2rem,4vw,3.2rem)}
.woocommerce .woocommerce-result-count{color:var(--pg-muted)}
.woocommerce .woocommerce-ordering select,.woocommerce select,.woocommerce input.input-text,.woocommerce textarea,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{
  background:var(--pg-card);color:var(--pg-text);border:1px solid var(--pg-line);border-radius:10px;padding:.7em .9em;font:inherit;min-height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--pg-text);line-height:28px}
.select2-dropdown{background:var(--pg-card);color:var(--pg-text);border-color:var(--pg-line)}
.woocommerce form .form-row label{color:#cfcfd4}

/* product grid */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--pg-card);border:1px solid var(--pg-line);border-radius:var(--pg-radius);padding:0 0 18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.woocommerce ul.products li.product:hover{border-color:var(--pg-red);transform:translateY(-3px)}
.woocommerce ul.products li.product a img{margin:0 0 14px;aspect-ratio:1/1;object-fit:cover;object-position:25% 50%;background:#000}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 1.25rem/1.1 var(--pg-head);letter-spacing:.04em;text-transform:uppercase;padding:0 18px!important;color:#fff}
.woocommerce ul.products li.product .price{color:var(--pg-red-2)!important;font:700 1.15rem/1 var(--pg-head);padding:0 18px;margin:8px 0 14px!important}
.woocommerce ul.products li.product .button{margin:auto 18px 0!important;padding:.75em 1em}
.pg-ruo-badge{display:inline-block;margin:0 18px 10px;font:700 .66rem/1 var(--pg-body);letter-spacing:.14em;text-transform:uppercase;color:var(--pg-gold);border:1px solid rgba(232,185,35,.5);border-radius:999px;padding:5px 9px;align-self:flex-start}
.woocommerce span.onsale{background:var(--pg-red);border-radius:999px;min-height:auto;min-width:auto;padding:6px 12px;line-height:1;font-weight:700}
@media (max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem}}

/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{border-radius:var(--pg-radius);background:#000}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .product_title{font-size:clamp(2.2rem,4vw,3.4rem)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pg-red-2);font:700 2rem/1 var(--pg-head)}
.woocommerce div.product .woocommerce-product-details__short-description{color:#cfcfd4}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;margin:24px 0}
.woocommerce .quantity .qty{background:var(--pg-card);color:#fff;border:1px solid var(--pg-line);border-radius:999px;height:48px;width:80px;text-align:center}
.woocommerce div.product .product_meta{color:var(--pg-muted);font-size:.85rem;border-top:1px solid var(--pg-line);padding-top:16px}
.woocommerce div.product .product_meta a{color:var(--pg-muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--pg-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0 24px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--pg-muted);font:700 1rem/1 var(--pg-head);letter-spacing:.1em;text-transform:uppercase;padding:14px 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff;box-shadow:inset 0 -3px 0 var(--pg-red)}
.woocommerce div.product .woocommerce-tabs .panel{color:#cfcfd4}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{display:none}
.woocommerce table.shop_attributes,.pg-spec{width:100%;border-collapse:collapse;border:1px solid var(--pg-line)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td,.pg-spec th,.pg-spec td{border:1px solid var(--pg-line)!important;padding:10px 14px;background:transparent!important;text-align:left;font-style:normal}
.pg-spec th{width:38%;color:#fff}
.pg-single-ruo{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.pg-single-ruo span{font:700 .72rem/1 var(--pg-body);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--pg-line);border-radius:999px;padding:8px 12px;color:#ddd}
.pg-single-ruo span.r{border-color:var(--pg-red);color:var(--pg-red-2)}
@media (max-width:860px){.woocommerce div.product{grid-template-columns:1fr;gap:24px}}

/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{background:var(--pg-card)!important;color:var(--pg-text)!important;border-top-color:var(--pg-red)!important;border-radius:10px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--pg-red)!important}

/* cart & checkout (classic) */
.woocommerce table.shop_table{border:1px solid var(--pg-line);border-radius:var(--pg-radius);background:var(--pg-card);border-collapse:separate}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:1px solid var(--pg-line)!important;color:var(--pg-text)}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.woocommerce #payment{background:var(--pg-card)!important;border-radius:var(--pg-radius)}
.woocommerce-checkout #payment div.payment_box{background:#222!important;color:#ddd}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#222!important}
.pg-ruo-check{background:rgba(227,20,27,.08);border:1px solid rgba(227,20,27,.45);border-radius:10px;padding:14px 16px!important;margin:16px 0!important}
.pg-ruo-check label{font-size:.9rem;line-height:1.45}

/* block cart/checkout dark tweaks */
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select__select{background:var(--pg-card)!important;color:var(--pg-text)!important;border-color:var(--pg-line)!important}
.wc-block-components-text-input label,.wc-blocks-components-select__label{color:var(--pg-muted)!important}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary{border-color:var(--pg-line)!important}
.woocommerce-page-wide{width:100%}
.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent!important;border:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}