/*
Theme Name: SMM Panel Pro
Theme URI: https://example.com
Author: Your Panel
Author URI: https://example.com
Description: Fully customizable WordPress theme for SMM panel / social growth services businesses. Manage packages, platforms and orders from wp-admin, and change every color/text from Appearance > Customize.
Version: 1.3.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smmp
*/

:root{
  --p: var(--smmp-p, #0f2a5f);
  --ac: var(--smmp-ac, #ff7a1a);
  --bg: var(--smmp-bg, #f2f5fb);
  --cd: var(--smmp-cd, #ffffff);
  --tx: var(--smmp-tx, #14213d);
  --mu: var(--smmp-mu, #6b7590);
  --ig: #e1306c;
  --fb: #1877f2;
  --tg: #229ed9;
  --yt: #e02b2b;
  --fs: var(--smmp-fs, 16px);
  --ft: 17px;
  --fp: 16px;
  --r: var(--smmp-r, 16px);
  --w: var(--smmp-w, 520px);
}
*{box-sizing:border-box;margin:0;padding:0}
body.smmp-panel{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--tx);font-size:var(--fs);line-height:1.45;padding:12px 12px 40px}
.smmp-wrap{max-width:var(--w);margin:0 auto}
.smmp-card{background:var(--cd);border-radius:var(--r);box-shadow:0 3px 14px rgba(20,33,61,.09)}
.smmp-hd{display:flex;align-items:center;gap:12px;padding:14px;background:var(--p);color:#fff}
.smmp-hd img{max-height:46px;width:auto;border-radius:calc(var(--r)*.5)}
.smmp-logo{width:46px;height:46px;border-radius:calc(var(--r)*.7);background:var(--ac);display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.smmp-hd h1{font-size:var(--ft);font-weight:800}
.smmp-hd small{opacity:.75;font-size:.75em;letter-spacing:.06em}
.smmp-banner{margin:12px 0;padding:20px;border-radius:var(--r);background:linear-gradient(120deg,var(--p),var(--ac));color:#fff}
.smmp-banner h2{font-size:calc(var(--ft)*1.2)}
.smmp-banner p{opacity:.9;font-size:.85em;margin-top:4px}
.smmp-notice{background:var(--cd);border-left:5px solid var(--ac);border-radius:var(--r);padding:12px 14px;font-weight:600;margin-bottom:12px}
.smmp-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px}
.smmp-chip{flex:none;background:var(--cd);border-radius:999px;padding:8px 14px;font-size:.8em;font-weight:600;box-shadow:0 2px 8px rgba(20,33,61,.07)}
.smmp-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px}
.smmp-tab{flex:none;border:2px solid var(--p);background:transparent;color:var(--p);font:inherit;font-weight:700;font-size:.85em;padding:7px 16px;border-radius:999px;cursor:pointer}
.smmp-tab.on{background:var(--p);color:#fff}
.smmp-sec{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 14px;gap:10px}
.smmp-sec h3{font-size:.9em;color:var(--mu);letter-spacing:.05em}
.smmp-timer{background:var(--ac);color:#fff;font-size:.75em;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
.smmp-offer{position:relative;display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:16px;border-left:6px solid var(--c)}
.smmp-offer[data-p=instagram]{--c:var(--ig)}
.smmp-offer[data-p=facebook]{--c:var(--fb)}
.smmp-offer[data-p=telegram]{--c:var(--tg)}
.smmp-offer[data-p=youtube]{--c:var(--yt)}
.smmp-badge{position:absolute;top:-10px;right:12px;background:var(--ac);color:#fff;font-size:.65em;font-weight:800;padding:2px 10px;border-radius:8px}
.smmp-ico{flex:none;width:46px;height:46px;border-radius:50%;background:var(--c,var(--p));display:grid;place-items:center}
.smmp-offer[data-p=instagram] .smmp-ico{background:linear-gradient(135deg,#f9a03f,var(--ig))}
.smmp-ico svg{width:24px;height:24px}
.smmp-info{flex:1;min-width:0}
.smmp-info b{display:block;font-size:var(--ft)}
.smmp-info small{display:block;color:var(--mu);font-size:.8em}
.smmp-price{border:0;cursor:pointer;color:#fff;background:var(--ac);font:inherit;font-weight:800;font-size:var(--fp);padding:11px 18px;border-radius:calc(var(--r)*.7);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.smmp-price:hover{filter:brightness(1.08)}
.smmp-price:disabled{cursor:not-allowed;opacity:.5;filter:none;box-shadow:none}
.smmp-empty{text-align:center;color:var(--mu);padding:30px}
.smmp-lead-wrap{max-width:var(--w);margin:0 auto 20px;padding:20px}
.smmp-lead-title{font-size:calc(var(--ft)*1.1);margin-bottom:14px}
.smmp-lf-row{margin-bottom:14px}
.smmp-lf-row label{display:block;font-weight:700;font-size:.85em;margin-bottom:6px}
.smmp-lf-row input{width:100%;padding:12px 14px;border:2px solid #dde3f0;border-radius:calc(var(--r)*.6);font:inherit;background:#fff;color:#111}
.smmp-lf-row input:focus{outline:0;border-color:var(--ac)}
.smmp-lf-msg{min-height:20px;font-size:.85em;margin-bottom:10px}
.smmp-lf-msg.smmp-lf-ok{color:#1a7f37;font-weight:600}
.smmp-lf-msg.smmp-lf-err{color:#d92d20;font-weight:600}
#smmp-lf-submit{width:100%;border:0;cursor:pointer;color:#fff;background:var(--p);font:inherit;font-weight:800;padding:14px;border-radius:calc(var(--r)*.6)}
#smmp-lf-submit:disabled{opacity:.6;cursor:not-allowed}
.smmp-footer-links{margin-top:22px}
.smmp-footer-menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;padding:0}
.smmp-footer-menu li{margin:0}
.smmp-footer-menu a{color:var(--mu);font-size:.8em;font-weight:600;text-decoration:none}
.smmp-footer-menu a:hover{color:var(--p);text-decoration:underline}
.smmp-ft{text-align:center;color:var(--mu);font-size:.8em;margin-top:8px}
#smmp-ov{position:fixed;inset:0;background:rgba(10,15,35,.65);display:none;align-items:center;justify-content:center;padding:16px;z-index:99999}
#smmp-ov.show{display:flex}
.smmp-modal{width:100%;max-width:420px;padding:22px;position:relative}
.smmp-modal h2{font-size:var(--ft)}
.smmp-modal .smmp-sub{color:var(--ac);font-weight:700;font-size:.8em}
.smmp-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--bg);color:var(--tx);font-size:18px;cursor:pointer}
.smmp-total{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:var(--r);padding:16px;margin:18px 0}
.smmp-total b{font-size:calc(var(--fp)*1.5);color:var(--ac)}
.smmp-modal label{display:block;font-weight:700;font-size:.85em;margin-bottom:8px}
.smmp-modal input{width:100%;padding:14px;border:2px solid #dde3f0;border-radius:calc(var(--r)*.7);font:inherit;background:#fff;color:#111}
.smmp-modal input:focus{outline:0;border-color:var(--ac)}
#smmp-m-e{color:#d92d20;font-size:.8em;min-height:20px;margin-top:6px}
#smmp-m-pay{width:100%;border:0;cursor:pointer;color:#fff;background:var(--p);font:inherit;font-weight:800;padding:16px;border-radius:calc(var(--r)*.7)}
#smmp-m-pay:disabled{opacity:.6;cursor:not-allowed}