/*
Theme Name: Pink King Hardbold v10
Author: Pink King
Version: 2.0
Text Domain: pinkking
*/

:root{
  --pk-pink:#ff0080;
  --pk-yellow:#ffcc00;
  --pk-black:#000;
  --pk-bg:#0e0e10;
  --pk-card:#16161a;
  --pk-card2:#101014;
  --pk-white:#fff;
  --pk-muted:rgba(255,255,255,.78);
  --pk-border:rgba(255,0,128,.55);
  --pk-border2:rgba(255,255,255,.12);
  --pk-shadow:0 18px 45px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Arial Black, Arial, sans-serif;
  background: radial-gradient(1200px 800px at 20% -10%, rgba(255,0,128,.18), transparent 55%),
              radial-gradient(1000px 700px at 100% 0%, rgba(255,204,0,.12), transparent 50%),
              var(--pk-bg);
  color:var(--pk-white);
}
a{color:var(--pk-pink);text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1180px;margin:0 auto;padding:0 18px}

/* Header */
.header{
  position:sticky;top:0;z-index:60;
  background:rgba(0,0,0,.88);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:2px solid rgba(255,0,128,.28);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;min-width:180px}
.site-title{font-size:18px;letter-spacing:.7px;margin:0;color:#fff;text-transform:uppercase}
.custom-logo{max-height:48px;width:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}

.nav-wrap{display:flex;align-items:center;gap:10px}
.nav-toggle{
  display:none;
  border:2px solid var(--pk-border2);
  background:transparent;color:#fff;
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
}
.nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav a{
  color:#fff;font-size:13px;letter-spacing:.5px;
  padding:10px 12px;border-radius:999px;
  border:2px solid var(--pk-border2);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}
.nav a:hover{
  border-color:rgba(255,204,0,.55);
  box-shadow:0 0 0 3px rgba(255,0,128,.14) inset;
}
.lang-switch{display:flex;gap:8px;align-items:center}
.lang-pill{
  font-size:12px;padding:9px 10px;border-radius:999px;
  border:2px solid var(--pk-border2);color:#fff;
}
.lang-pill.active{border-color:rgba(255,204,0,.85);color:var(--pk-yellow)}

/* Hero (Option C: blurred + glow logo background) */
.hero{
  position:relative;
  padding:60px 0 28px;
  color:#fff;
  overflow:hidden;
  border-bottom:2px solid rgba(255,0,128,.22);
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(255,0,128,.40), transparent 55%),
    radial-gradient(900px 520px at 90% 0%, rgba(255,204,0,.26), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.85));
}
.hero::before{
  content:"";
  position:absolute;inset:-40px;
  background-image: var(--pk-hero-logo);
  background-repeat:no-repeat;
  background-position: 65% 50%;
  background-size: min(820px, 92vw);
  opacity:.20;
  filter: blur(2px) saturate(1.25) contrast(1.05) drop-shadow(0 0 18px rgba(255,0,128,.55)) drop-shadow(0 0 22px rgba(255,204,0,.35));
  transform: rotate(-6deg);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background: linear-gradient(135deg, rgba(255,0,128,.10), rgba(255,204,0,.10));
  mix-blend-mode: screen;
  opacity:.8;
  pointer-events:none;
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;z-index:1}
.hero h1{
  margin:0 0 10px;
  font-size:44px;line-height:1.02;
  text-transform:uppercase;
  letter-spacing:.8px;
  text-shadow:0 10px 32px rgba(0,0,0,.65);
}
.hero p{margin:0 0 16px;font-size:16px;font-family:Arial, sans-serif;font-weight:800;color:rgba(255,255,255,.90)}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.btn-main{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 18px;
  background:#000;color:#fff;
  border-radius:999px;
  border:3px solid rgba(255,255,255,.22);
  font-weight:900;
}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 18px;
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  border:3px solid rgba(255,255,255,.18);
  font-weight:900;
}
.btn-main:hover,.btn-ghost:hover{transform:translateY(-1px)}

.hero-sticker{
  background:rgba(0,0,0,.72);
  color:#fff;
  border:3px solid rgba(255,255,255,.14);
  border-radius:22px;
  padding:16px;
  box-shadow:var(--pk-shadow);
}
.badge{
  display:inline-block;background:#000;color:#fff;border:2px solid rgba(255,204,0,.75);
  padding:6px 10px;border-radius:999px;font-size:12px
}
.muted{color:var(--pk-muted);font-family:Arial, sans-serif;font-weight:800}

/* Sections */
.section{padding:30px 0}
.section h2{margin:0 0 10px;font-size:22px;letter-spacing:.5px;text-transform:uppercase}
.lead{font-family:Arial, sans-serif;font-weight:800;opacity:.92;max-width:920px;line-height:1.55}

/* Shop layout */
.shop-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}
.shop-sidebar{
  position:sticky;top:86px;
  background:rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px;
}
.shop-sidebar h3{margin:0 0 10px;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.shop-sidebar .small{font-family:Arial, sans-serif;font-weight:800;color:var(--pk-muted);font-size:12px;line-height:1.5;margin:0 0 10px}
.shop-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;}
.shop-tools .result-count{font-family:Arial, sans-serif;font-weight:900;color:rgba(255,255,255,.86);font-size:12px;letter-spacing:.3px}
.woocommerce .woocommerce-ordering select{
  background:#000;color:#fff;border:2px solid rgba(255,255,255,.16);
  border-radius:14px;padding:10px 12px;font-weight:900;
}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cat-pill{
  display:block;padding:12px 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  border:2px solid rgba(255,255,255,.12);
  border-radius:16px;color:#fff;
}
.cat-pill strong{display:block;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.cat-pill span{display:block;margin-top:6px;font-family:Arial, sans-serif;font-weight:800;color:var(--pk-muted);font-size:12px}

/* Woo shared */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.woocommerce ul.products li.product{
  margin:0!important;float:none!important;width:auto!important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border:3px solid rgba(255,0,128,.5);
  padding:14px;border-radius:18px;
}
.woocommerce ul.products li.product:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.woocommerce ul.products li.product a img{border-radius:14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:15px;margin-top:10px}
.woocommerce span.price{color:var(--pk-yellow);font-weight:900}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{
  background:#000!important;color:#fff!important;border-radius:999px!important;
  border:3px solid rgba(255,204,0,.55)!important;
  font-weight:900!important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{filter:brightness(1.06)}
.woocommerce .star-rating, .woocommerce p.stars{display:none!important}

/* Product page */
.pk-product{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start;}
.pk-product .pk-box{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border:3px solid rgba(255,0,128,.45);
  border-radius:18px;
  padding:16px;
  box-shadow:var(--pk-shadow);
}
.pk-title{margin:0 0 10px;font-size:26px;letter-spacing:.4px;text-transform:uppercase}
.pk-short{color:var(--pk-muted);font-family:Arial, sans-serif;font-weight:800;line-height:1.55}
.pk-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pk-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:2px solid rgba(255,255,255,.12);font-size:12px;color:#fff;}
.pk-buy{margin-top:14px;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.10);border-radius:16px;padding:14px;}
.pk-buy .price{font-size:22px;color:var(--pk-yellow);font-weight:900}
.pk-buy .cart{margin-top:10px}
.woocommerce div.product form.cart .quantity{margin:0 10px 0 0}
.woocommerce div.product form.cart .quantity input.qty{width:90px;border-radius:14px;border:2px solid rgba(255,255,255,.14);background:#000;color:#fff;padding:10px 12px;font-weight:900;}
.pk-accordion{margin-top:14px;display:grid;gap:10px}
.pk-acc-item{background:var(--pk-card2);border:2px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;}
.pk-acc-q{width:100%;text-align:left;padding:14px 14px;background:transparent;border:0;color:#fff;font-weight:900;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pk-acc-a{display:none;padding:0 14px 14px;color:var(--pk-muted);font-family:Arial, sans-serif;font-weight:800;line-height:1.55}
.pk-acc-item.open .pk-acc-a{display:block}

/* Sticky ATC bar */
.pk-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(0,0,0,.92);border-top:2px solid rgba(255,0,128,.30);padding:10px 14px;display:none;}
.pk-sticky-inner{max-width:1180px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between}
.pk-sticky-name{font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.pk-sticky-price{color:var(--pk-yellow);font-weight:900}
.pk-sticky-atc .btn-main{padding:10px 14px}

/* Checkout */
.pk-checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;}
.pk-panel{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));border:3px solid rgba(255,0,128,.35);border-radius:18px;padding:16px;box-shadow:var(--pk-shadow);}
.pk-panel h3{margin:0 0 10px;font-size:14px;letter-spacing:.6px;text-transform:uppercase}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
  background:#000;color:#fff;border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 12px;font-weight:800;font-family:Arial, sans-serif;
}
.woocommerce form .form-row label{font-family:Arial, sans-serif;font-weight:900;letter-spacing:.3px}
.woocommerce-checkout-review-order-table{border-collapse:separate;border-spacing:0 10px;width:100%;}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{background:rgba(0,0,0,.45);padding:12px;border:0;}
.woocommerce-checkout-review-order-table tr th:first-child,.woocommerce-checkout-review-order-table tr td:first-child{border-radius:14px 0 0 14px}
.woocommerce-checkout-review-order-table tr th:last-child,.woocommerce-checkout-review-order-table tr td:last-child{border-radius:0 14px 14px 0}
.woocommerce-checkout #payment{background:rgba(0,0,0,.45);border-radius:16px;border:2px solid rgba(255,255,255,.10);padding:14px;}
.woocommerce-checkout #place_order{width:100%;padding:14px 16px!important;font-size:14px!important}

/* Age Popup */
#age-popup{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;padding:18px}
.age-box{max-width:520px;width:100%;background:#111;padding:26px;text-align:center;border:3px solid var(--pk-pink);border-radius:20px}
.age-box h2{margin:0 0 10px}
.age-box p{margin:0 0 16px;font-family:Arial, sans-serif;font-weight:800;opacity:.92}
.age-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.age-actions .btn-main{min-width:160px}

/* Footer */
.footer{padding:34px 0;background:#000;border-top:2px solid rgba(255,0,128,.28);text-align:center;font-family:Arial, sans-serif;font-weight:800;color:rgba(255,255,255,.8)}

/* Mobile */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:64px;background:rgba(0,0,0,.96);border-bottom:2px solid rgba(255,0,128,.25);padding:12px 18px;display:none;}
  .nav.open{display:flex;flex-direction:column;align-items:stretch}
  .nav ul{flex-direction:column;align-items:stretch}
  .nav a{display:block}
  .lang-switch{justify-content:flex-start}
  .shop-grid{grid-template-columns:1fr}
  .shop-sidebar{position:relative;top:auto}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pk-product{grid-template-columns:1fr}
  .pk-checkout-grid{grid-template-columns:1fr}
  .pk-sticky-atc{padding-bottom: calc(10px + env(safe-area-inset-bottom));}
  .hero::before{background-position: 50% 30%; opacity:.16;}
}
@media (max-width: 480px){
  .hero{padding:44px 0 20px}
  .hero h1{font-size:28px}
  .btn-main,.btn-ghost{width:100%}
  .woocommerce ul.products{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:1fr}
}


/* Header quick actions */
.header-inner{position:relative}
.header-actions{display:flex;gap:10px;align-items:center}
.hdr-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;
  border:2px solid rgba(255,0,128,.35);
  border-radius:999px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-weight:900;
  background:rgba(0,0,0,.35);
}
.hdr-pill:hover{border-color:rgba(255,204,0,.55); color:var(--pk-yellow)}
.cart-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;
  background:rgba(255,204,0,.95);
  color:#000;
  font-weight:900;
  font-size:12px;
}

/* Full-width site banner */
.pk-site-banner{
  width:100%;
  height:250px;
  background: var(--pk-banner) center/cover no-repeat;
  border-bottom:2px solid rgba(255,0,128,.22);
}
@media (max-width: 760px){
  .pk-site-banner{height:190px}
  .header-actions{display:none}
}

/* Page title */
.page-title{margin:0 0 14px; text-transform:uppercase; letter-spacing:.8px}
.content{font-family: Arial, sans-serif; font-weight:800; color:rgba(255,255,255,.92)}


.woocommerce-noreviews, .woocommerce-review-link, .comment-form-rating{display:none!important;}

/* Header overlay on banner */
.pk-has-banner .header{
  position:absolute;
  top:0; left:0; right:0;
  background:rgba(0,0,0,.35);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.pk-has-banner .pk-site-banner{ margin-top:0; }

/* Ensure nav links look good if fallback menu is used */
.pk-menu-fallback{list-style:none;display:flex;gap:14px;margin:0;padding:0;flex-wrap:wrap}
.pk-menu-fallback a{color:#fff;text-transform:uppercase;letter-spacing:.6px;font-weight:900}
.pk-menu-fallback a:hover{color:var(--pk-yellow)}



/* Banner hero (uses --pk-banner injected on body) */
.pk-has-banner .hero.pk-banner-hero,
.pk-has-banner .pk-page-hero{
  min-height:250px;
  background: var(--pk-banner) center/cover no-repeat;
  border-bottom:2px solid rgba(255,0,128,.22);
}

/* Remove the default hero gradient when banner is active */
.pk-has-banner .hero{background: var(--pk-banner) center/cover no-repeat; padding:0;}

/* Ensure shop content doesn't hide behind header when header overlays banner */
.pk-has-banner .pk-page-hero{margin-top:0;}

@media (max-width: 720px){
  .pk-has-banner .hero.pk-banner-hero,
  .pk-has-banner .pk-page-hero{min-height:200px;}
}


/* V10 homepage welcome + carousel */
.pk-welcome{padding-top:26px;padding-bottom:18px}
.pk-welcome-title{margin:0 0 10px;font-size:34px;line-height:1.05;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 10px 32px rgba(0,0,0,.65)}
.pk-welcome-text{margin:0 0 14px;font-size:16px;font-family:Arial, sans-serif;font-weight:800;color:rgba(255,255,255,.90);max-width:760px}
.pk-welcome-cta{display:flex;gap:10px;flex-wrap:wrap}

.pk-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.pk-link-more{color:rgba(255,255,255,.82);font-weight:900}
.pk-link-more:hover{color:var(--pk-yellow)}

.pk-carousel-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:8px}
.pk-carousel-products{display:flex !important;flex-wrap:nowrap !important;gap:14px !important}
.pk-carousel-products > li{flex:0 0 72%;max-width:72%;scroll-snap-align:start}
.pk-carousel-wrap{scroll-snap-type:x mandatory}
.pk-carousel-wrap::-webkit-scrollbar{height:10px}
.pk-carousel-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}

@media(min-width:520px){
  .pk-carousel-products > li{flex-basis:42%;max-width:42%}
}
@media(min-width:920px){
  .pk-carousel-products > li{flex-basis:28%;max-width:28%}
}



/* Home product carousel (swipe + autoplay) */
.pk-carousel-wrap{position:relative}
.pk-carousel-viewport{overflow:hidden}
.pk-carousel-track{
  display:flex !important;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:6px 4px 14px;
  margin:0;
}
.pk-carousel-track::-webkit-scrollbar{display:none}
.pk-carousel-track > li{
  scroll-snap-align:start;
  flex:0 0 auto;
  width:260px;
  max-width:80vw;
}
@media (max-width:480px){
  .pk-carousel-track > li{width:78vw}
}
.pk-carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border-radius:999px;
  border:2px solid rgba(255,204,0,.55);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:26px;
  font-weight:900;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  z-index:5;
}
.pk-carousel-btn:hover{border-color:rgba(255,0,128,.75)}
.pk-carousel-btn.pk-prev{left:-6px}
.pk-carousel-btn.pk-next{right:-6px}
@media (max-width:700px){
  .pk-carousel-btn{display:none;}
  .pk-carousel-viewport{overflow:visible}
}