/*
Theme Name: SomaliNude Lite
Theme URI: https://somalinude.com
Author: You
Author URI: https://somalinude.com
Description: Minimal, fast 18+ dark theme with bottom ad slot and Telegram links.
Version: 1.0.0
Text Domain: somalinude-lite
*/

:root{
  --bg:#0b0b0b; --card:#131313; --muted:#a9adb3; --text:#f6f7f9;
  --border:#232427; --accent:#e60000; --accent2:#00b36b; --accent3:#3399ff; --accent4:#aa00ff;
  --radius:18px; --shadow:0 10px 30px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1120px;margin:0 auto;padding:20px}
.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.brand .dot{width:10px;height:10px;background:var(--accent);border-radius:50%}
.nav a{padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-left:10px;display:inline-block}
.toggle{display:none}

.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:28px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.card h1{margin:0 0 10px;font-size:36px;line-height:1.15}
.card p{margin:0 0 14px;color:var(--muted)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.badge{border:1px dashed var(--border);padding:6px 10px;border-radius:999px;font-size:12px;color:#cdd1d6}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-weight:600;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}
.btn-ghost{border-color:var(--border)}

.notice{font-size:12px;color:#cdd1d6;margin-top:10px;display:flex;gap:8px;align-items:center}

.section{margin-top:34px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plan h3{margin:8px 0}
.plan p{color:#cdd1d6;font-size:14px;margin:0 0 12px}
.price{font-weight:700;margin:8px 0 14px}
.buy{display:inline-block;background:#1a1a1a;border:1px solid var(--border);padding:10px 14px;border-radius:12px}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:10px}
.pill.red{background:rgba(230,0,0,.12);color:#ffb3b3;border:1px solid rgba(230,0,0,.25)}
.pill.green{background:rgba(0,179,107,.12);color:#b7f5de;border:1px solid rgba(0,179,107,.25)}
.pill.blue{background:rgba(51,153,255,.12);color:#c7e5ff;border:1px solid rgba(51,153,255,.25)}
.pill.purple{background:rgba(170,0,255,.12);color:#f1c7ff;border:1px solid rgba(170,0,255,.25)}

footer{margin-top:50px;border-top:1px solid var(--border)}
.footer-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:20px 0}
.links{display:flex;gap:10px;flex-wrap:wrap}
.links a{font-size:13px;color:#cfd3d8;border:1px solid var(--border);padding:8px 10px;border-radius:10px}
.ad-bottom{margin:22px 0 0}

.page-title{font-size:28px;margin:10px 0 12px}
.prose{color:#d6dae0;line-height:1.6}
.form{display:grid;gap:12px;max-width:520px}
.input, .textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0f0f10;color:#fff}
.submit{background:var(--accent);color:#fff;padding:12px 16px;border:0;border-radius:12px;font-weight:700}

@media (max-width: 960px){
  .hero{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .toggle{display:inline-block;border:1px solid var(--border);padding:8px 12px;border-radius:10px}
}
@media (max-width: 600px){
  .grid{grid-template-columns:1fr}
  .card h1{font-size:28px}
}


/* Floating cart button */
.sn-float-cart{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 14px;
  background: var(--accent);
  color: #fff;
  border-radius: 999px;
  border: 0;
  box-shadow: 0 10px 20px rgba(0,0,0,.35);
  font-weight: 700;
}
.sn-cart-icon{font-size:18px;line-height:1}
.sn-cart-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 6px;border-radius:999px;
  background:#111;border:1px solid var(--border);color:#fff;font-size:12px
}


/* Hide email field on checkout if any plugin still injects it */
.woocommerce-checkout #billing_email_field,
.woocommerce #billing_email_field,
label[for="billing_email"]{
  display:none !important;
}


/* Hide email field (blocks and classic) */
.woocommerce-checkout #billing_email_field,
#billing_email_field,
label[for="billing_email"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input[label*="Email"],
.wc-block-components-checkout-step--contact,
.wc-block-components-checkout__contact-fields,
.wc-block-components-checkout-contact-fields {
  display:none !important;
}



/* Bigger floating cart */
.sn-float-cart{
  padding: 16px 18px;
  border-radius: 999px;
}
.sn-cart-icon{font-size:22px}
.sn-cart-count{min-width:26px;height:26px;font-size:13px}
@media (max-width: 600px){
  .sn-float-cart{padding:16px 18px}
  .sn-cart-icon{font-size:24px}
  .sn-cart-count{min-width:28px;height:28px;font-size:14px}
}


/* Hide specific headings on checkout */
.woocommerce-checkout h3#contact-info,
.woocommerce-checkout h3#billing-details,
.woocommerce-checkout h3:contains('Contact information'),
.woocommerce-checkout h3:contains('Billing details'),
.wc-block-components-checkout-step__heading,
.woocommerce-billing-fields > h3 {
  display: none !important;
}


/* Bigger 2 floating cart */
.sn-float-cart{
  padding: 18px 22px;
  border-radius: 999px;
  font-size: 18px;
}
.sn-cart-icon{font-size:28px}
.sn-cart-count{min-width:32px;height:32px;font-size:15px}
@media (max-width: 600px){
  .sn-float-cart{padding:20px 22px}
  .sn-cart-icon{font-size:30px}
  .sn-cart-count{min-width:34px;height:34px;font-size:16px}
}


/* Remove (×) link style on checkout review items */
.sn-remove--checkout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;height:24px;
  margin-right:8px;
  background:#191919;
  border:1px solid var(--border);
  border-radius:6px;
  color:#fff;
  font-weight:700;
  line-height:1;
}
.sn-remove--checkout:hover{ background:#2a2a2a; }


/* --- Checkout remove icon (right, red) --- */
.sn-line-name{display:inline}
.sn-remove--right{
  float:right;
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;margin-left:8px;margin-top:2px;
  background:#d60000;border:1px solid #a70000;color:#fff;
  border-radius:6px;font-weight:800;line-height:1;font-size:18px;
  text-decoration:none;
}
.sn-remove--right:hover{background:#ff1a1a;border-color:#d60000}

/* --- Professional header/menu redesign --- */
header.header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#0e0e0f,#0a0a0a);border-bottom:1px solid var(--border);backdrop-filter:saturate(1.1) blur(4px)}
.header .brand a{letter-spacing:.2px}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.nav a, .nav li a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border:1px solid var(--border);border-radius:12px;
  background:rgba(255,255,255,0.02);
  color:#e9ecf1;font-weight:600;
  transition:all .18s ease;
}
.nav a:hover, .nav li a:hover{border-color:#3a3b3f;background:rgba(255,255,255,0.06)}
.nav .current-menu-item > a,
.nav .current_page_item > a{
  background:var(--accent);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 20px rgba(230,0,0,.25);
}

/* Better layout for long menus */
.nav ul{display:flex;gap:10px;margin:0;padding:0;list-style:none}
.nav li{list-style:none}

/* Mobile menu improvements */
@media (max-width: 960px){
  .nav{display:none;flex-direction:column;gap:8px;width:100%;margin-top:10px}
  .nav a, .nav li a{width:100%;text-align:center}
  .toggle{display:inline-block;border:1px solid var(--border);padding:8px 12px;border-radius:10px;background:#121213;color:#fff}
}


/* --- Stronger checkout remove icon styling (absolute right, red) --- */
.woocommerce-checkout-review-order-table .product-name{position:relative;padding-right:42px}
.woocommerce-checkout-review-order-table .product-name .sn-remove--right{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;
  background:#e00000 !important;border:1px solid #a70000 !important;color:#fff !important;
  border-radius:8px;font-weight:800;line-height:1;font-size:18px;
  text-decoration:none !important;box-shadow:0 6px 16px rgba(224,0,0,.35);
}
.woocommerce-checkout-review-order-table .product-name .sn-remove--right:hover{
  background:#ff2b2b !important;border-color:#c40000 !important;
}


/* sit on top of all overlays */
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 22px 26px;
  background: radial-gradient(120% 120% at 20% 10%, rgba(255,255,255,.10), rgba(0,0,0,.35)) , var(--accent);
  color: #fff;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 48px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.28);
  font-weight: 900;
  letter-spacing:.2px;
  backdrop-filter: blur(5px) saturate(1.1);
  transform: translateZ(0);
}
.sn-cart-icon{font-size:34px;line-height:1}
.sn-cart-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 10px;border-radius:999px;
  background:#0b0c0f;border:1px solid var(--border);color:#fff;font-size:16px;font-weight:900
}

/* Lift it further on small screens so it doesn't hide behind browser bars */
@media (max-width: 820px){
  .sn-float-cart{
    right: calc(env(safe-area-inset-right, 0px) + 14px);
    bottom: calc(env(safe-area-inset-bottom, 0px) + 88px);
    padding: 24px 28px;
  }
  .sn-cart-icon{font-size:36px}
  .sn-cart-count{min-width:40px;height:40px;font-size:17px}
}

/* Gentle pulse when count > 0 to catch the eye */
.sn-cart-count:not(:empty){
  animation: snPulse 1.6s ease-in-out infinite;
}
@keyframes snPulse{
  0%{ box-shadow: 0 0 0 0 rgba(255,255,255,.25); }
  70%{ box-shadow: 0 0 0 12px rgba(255,255,255,0); }
  100%{ box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}


/* Subtle pulse to ensure visibility */
@keyframes snCartPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}
.sn-float-cart{ animation: snCartPulse 2.2s ease-in-out infinite; }


/* === Premium Floating Cart Button (88px circle, bottom-right) === */
.sn-float-cart{
  position: fixed !important;
  right: calc(env(safe-area-inset-right, 0px) + 16px) !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 112px) !important;
  z-index: 2147483647 !important;
  width: 88px !important;
  height: 88px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #1a1b1e, #0e0f12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25) !important;
  color: #fff !important;
  text-decoration: none !important;
  backdrop-filter: blur(6px) saturate(1.1);
}
.sn-float-cart .sn-cart-icon{
  display:flex;align-items:center;justify-content:center;
  color:#ffffff; opacity:.95;
}
.sn-float-cart .sn-cart-count{
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #e60000 !important;
  border: 2px solid #0b0c0f !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 22px rgba(230,0,0,.45) !important;
}
@media (max-width: 820px){
  .sn-float-cart{
    right: calc(env(safe-area-inset-right, 0px) + 14px) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 124px) !important;
  }
}
@media (max-width: 420px){
  .sn-float-cart{
    right: calc(env(safe-area-inset-right, 0px) + 12px) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 130px) !important;
  }
}



/* === Cart page: always show product names (classic + blocks) === */
.woocommerce-cart table.shop_table td.product-name,
.woocommerce-cart table.shop_table .product-name{
  display: table-cell !important;
  color: #fff !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}
.woocommerce-cart .cart_item td.product-name a{
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
/* WooCommerce Blocks cart */
.wc-block-cart .wc-block-cart-items .wc-block-cart-item__product,
.wc-block-cart .wc-block-components-product-name{
  color:#fff !important;
  font-weight:700 !important;
  display:block !important;
}

/* === Checkout: force red remove icon (classic + blocks) === */
.woocommerce-checkout-review-order-table .product-name .sn-remove--right,
.woocommerce-checkout-review-order-table a.sn-remove--right,
.wc-block-components-order-summary .sn-remove--right,
.woocommerce-checkout-review-order-table a.remove{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #e00000 !important;
  border: 1px solid #a70000 !important;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 800;
  line-height: 1;
  font-size: 18px;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(224,0,0,.35);
}
.woocommerce-checkout-review-order-table .product-name{ position: relative; padding-right: 42px; }


/* Cart: force visible title block */
.woocommerce-cart .sn-cart-title{
  display:block !important;
  font-weight:800 !important;
  color:#ffffff !important;
  margin-bottom:6px !important;
  font-size:16px !important;
  line-height:1.25 !important;
}
/* Place title at top of product-name cell */
.woocommerce-cart td.product-name{ position:relative; }
.woocommerce-cart td.product-name .sn-cart-title{ position:relative; z-index:1; }


/* Native banner 4:1 responsive wrapper */
.sn-native-4x1{position:relative;width:100%;padding-top:25%} /* 4:1 aspect (height=25%) */
.sn-native-4x1-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.sn-native-4x1-inner > *{max-width:100%;height:100%}


/* Dadka Cadaanka grid */
.sn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width: 1024px){ .sn-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 720px){ .sn-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 480px){ .sn-grid{grid-template-columns:1fr} }

.sn-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.sn-thumb img{display:block;width:100%;height:auto}
.sn-thumb-placeholder{display:flex;align-items:center;justify-content:center;height:180px;color:#98a0a8;background:#0f1012}
.sn-title{font-size:16px;margin:10px 12px 14px}
.sn-title a{color:#fff;text-decoration:none}
.sn-title a:hover{color:var(--accent)}