/*
Theme Name: Kameti.de Graphical Premium
Theme URI: https://kameti.de
Author: Kameti.de
Description: Bilingual English-first and optional Urdu RTL red/green/gold committee portal theme, inspired by supplied mockup. Use AsiaTech Committee Core for functional demo plan/member tools.
Version: 2.3.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: kameti-de
*/
:root{--red:#b80e19;--redbright:#eb1831;--green:#006b2f;--greenbright:#009446;--gold:#ffcc3d;--navy:#123661;--ink:#1d2530;--muted:#52606d;--bg:#f5f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Noto Naskh Arabic',Tahoma,sans-serif;font-size:12px;line-height:2.05}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.site-width{width:min(1390px,calc(100% - 26px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:white;box-shadow:0 3px 16px #0002}.header-inner{display:flex;align-items:center;gap:18px;min-height:78px}.brand{display:flex;align-items:center;flex:none;width:242px}.brand img{width:100%;height:68px;object-fit:contain}.menu{display:flex;align-items:center;gap:20px;flex:1;justify-content:center;white-space:nowrap}.menu a{font-weight:800;font-size:12px}.menu a:hover{color:var(--red)}.header-ctas{display:flex;gap:8px;white-space:nowrap}.header-ctas a{color:white;font-weight:900;padding:8px 12px;border-radius:9px;box-shadow:0 3px 0 #0002}.header-join{background:linear-gradient(#048e3c,#005721)}.header-login{background:linear-gradient(#f03842,#b40012)}.menu-toggle{display:none}.demo-band{background:#fff0c0;color:#6e4100;font-weight:800;text-align:center;font-size:11px;line-height:2;padding:2px 9px}.kameti-hero{margin:12px auto 10px;min-height:270px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr 1.4fr 1.05fr;align-items:center;padding:12px 12px;background:radial-gradient(ellipse at 50% 15%,#e83b34 0%,#bd0719 48%,#6a020b 100%);border:3px solid #f3c848;border-radius:20px;box-shadow:inset 0 0 34px #660003,0 7px 19px #9b091b39}.kameti-hero:after{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #ffd25680;border-radius:13px}.hero-spark{position:absolute;height:8px;width:70%;background:linear-gradient(90deg,transparent,#ffc62c88,#fff2a8,transparent);transform:rotate(-16deg);filter:blur(2px)}.spark-a{top:35px;left:-100px}.spark-b{bottom:20px;right:-100px;transform:rotate(9deg)}.hero-pic{position:relative;z-index:1;align-self:end;min-width:0}.hero-pic img{display:block;width:100%;height:240px;object-fit:cover;object-position:center;border-radius:12px;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.hero-pic-two img{height:235px}.hero-text{z-index:2;min-width:0;text-align:center;padding:4px 5px}.hero-brand{font:900 clamp(14px,2.1vw,30px)/1.4 Arial,sans-serif;color:#fff;display:inline-block;text-shadow:0 2px 8px #4c0000}.hero-text h1{color:#ffdf59;text-shadow:2px 4px #610000,0 0 14px #ff751c;font-weight:900;line-height:1.75;font-size:clamp(26px,3.55vw,54px);margin:0;white-space:nowrap}.hero-text p{display:inline-block;background:linear-gradient(white,#ffe5a0);color:#242424;border:2px solid #ffb320;border-radius:60px;padding:0px 17px;font-size:12px;font-weight:900;margin:2px 0 10px}.hero-links{display:flex;justify-content:center;gap:8px}.hero-links a{font-size:11px;font-weight:900;background:#fff;color:#8b090d;border-radius:20px;padding:4px 14px;box-shadow:0 3px 0 #87000e}.hero-links a:last-child{color:#fff;background:linear-gradient(#0ca44b,#006c25)}.hero-glitter{position:absolute;top:6px;left:44%;font-size:28px;color:#ffcc2c}.category-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}.category-tile{height:133px;min-width:0;border-radius:16px;position:relative;color:white;display:flex;align-items:center;overflow:hidden;border:2px solid #fff;box-shadow:0 5px 10px #1010201b;padding:10px 15px}.cat-red{background:linear-gradient(115deg,#9e0810,#e8232b)}.cat-green{background:linear-gradient(115deg,#005d2b,#019445)}.cat-purple{background:linear-gradient(115deg,#6c1b83,#ae3aac)}.cat-content{flex:1;z-index:2}.category-tile h2{font-size:18px;white-space:nowrap;margin:0 0 1px;color:#fff4ab;text-shadow:0 2px #0005}.category-tile span{display:block;font-size:10px;opacity:.95}.category-tile b{display:inline-block;color:#333;background:#fff;margin-top:4px;border-radius:99px;padding:0 12px;font-size:10px}.category-tile img{width:37%;height:95px;object-fit:cover;border-radius:12px;filter:drop-shadow(0 5px 7px #0005)}.kameti-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(290px,.95fr);gap:14px;align-items:start;margin:10px auto}.kameti-primary,.kameti-side{min-width:0;display:flex;flex-direction:column;gap:13px}.pane,.side-box{background:#fff;border:1px solid #d5dfe0;box-shadow:0 3px 12px #00000010;border-radius:15px;padding:10px}.ribbon-heading{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#99070e,#db101d,#930911);border:2px solid #ffce47;border-radius:10px;color:#fff5b1;padding:2px 14px;margin-bottom:10px}.ribbon-heading h2{font-size:17px;margin:0;flex:1;color:#ffe46d}.ribbon-heading a{font-size:10px;color:#fff;font-weight:800}.ribbon-heading span{font-size:17px}.side-box>h2{background:linear-gradient(#077a36,#004c21);color:#fff;border-radius:8px;text-align:center;font-size:14px;padding:5px;margin:0 0 10px}.side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f5f5f5;padding:4px;border-radius:10px}.side-tabs a{text-align:center;background:linear-gradient(#0c9b45,#006524);color:#fff;border-radius:7px;font-weight:800;font-size:11px}.side-tabs a:last-child{background:white;color:#222;border:1px solid #ddd}.mini-login{display:flex;flex-direction:column;gap:4px}.mini-login label{font-weight:700;font-size:10px}.mini-login input{height:35px;min-width:0;border:1px solid #bdcbd0;border-radius:7px;background:#fff;padding:3px 10px;font-size:11px}.mini-login button,.side-primary{background:linear-gradient(#e73845,#a90715);color:white;text-align:center;border:0;border-radius:9px;font-weight:900;margin-top:7px;padding:5px}.side-register{display:block;text-align:center;color:var(--green);font-weight:900;margin-top:5px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stat-grid>div{background:#f3faf4;border:1px solid #dce9dd;border-radius:10px;text-align:center;padding:6px 2px}.stat-grid>div:nth-child(2){background:#fff0f0}.stat-grid>div:nth-child(3){background:#f7f1ff}.stat-grid>div:nth-child(4){background:#eef5ff}.stat-grid strong{display:block;font:900 21px/1.45 Arial,sans-serif;color:#007638}.stat-grid small{font-size:9px}.dashboard-preview>h2{background:linear-gradient(#086bc1,#064a9c)}.dashboard-mini{display:grid;grid-template-columns:28% 72%;min-height:138px;border:5px solid #0c4b83;border-radius:12px;overflow:hidden}.dash-mini-side{background:linear-gradient(#123e6b,#092340);color:#fff;line-height:2.65;font-size:9px;padding:9px 6px}.dash-mini-body{padding:7px;font-size:10px;min-width:0;background:#f7fafb}.mini-status{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.mini-status span{display:flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #e4eaee;border-radius:8px;font-size:8px}.mini-status b{font:900 18px Arial,sans-serif}.mini-status span:nth-child(2){background:#ebffef;color:#06742e}.mini-status span:nth-child(3){background:#fff0f0;color:#a70913}.progress{background:#dbe7d9;border-radius:15px;height:9px;overflow:hidden}.progress i{display:block;background:#14933c;width:60%;height:100%}.dashboard-open,.admin-preview a{display:block;margin-top:9px;background:linear-gradient(#4c55a5,#24236c);color:white;font-weight:900;text-align:center;border-radius:9px;padding:5px 10px}.admin-preview>h2{background:linear-gradient(#504f98,#252064)}.admin-preview p{font-size:11px;margin:5px}.prize-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.prize-icons a{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;background:linear-gradient(#fff,#f5f6f8);border:1px solid #dce6e9;border-radius:9px;min-width:0;min-height:92px;font-weight:800;font-size:9px}.prize-icons img{width:85%;height:52px;object-fit:contain}.prize-emoji{font-size:35px;line-height:1.6}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.how-cards>div{text-align:center;background:#f5fbf5;border:1px solid #cde6d4;border-radius:12px;padding:8px}.how-cards strong{display:block;color:var(--red);font-size:25px;line-height:1.5}.how-cards b,.how-cards small{display:block}.how-cards small{font-size:10px}.trust-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(#03592d,#00371e);border:2px solid #e6c44a;color:white;border-radius:12px;padding:10px 13px;margin:15px auto 25px;font-weight:900}.trust-banner a{background:linear-gradient(#e9343c,#ac0813);color:#fff9a5;border:2px solid #ffe67b;border-radius:99px;padding:4px 16px;white-space:nowrap}.plugin-hint{border:1px dashed #9cadbf;padding:16px;border-radius:12px;text-align:center}.atcc-wrap{max-width:none!important;padding:0!important}.pane .atcc-section-title{display:none}.pane .atcc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pane .atcc-plans>*{min-width:0}.pane .atcc-card{border-color:#c9ded1!important;box-shadow:none!important}.pane .atcc-card h3{font-size:15px!important}.pane .atcc-card img{max-height:95px;object-fit:contain}.pane .atcc-btn{background:linear-gradient(#0b9946,#006629)!important;border-radius:100px!important}.site-footer{background:linear-gradient(#073b27,#031f19);color:#d9e9dc;padding:22px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-grid h3{color:#ffdc65}.footer-grid p{font-size:11px}.footer-grid a{display:block;color:#fff;padding:2px 0}.footer-logo img{max-width:230px;max-height:85px;object-fit:contain}.footer-credit{text-align:center;border-top:1px solid #ffffff35;padding-top:13px;margin-top:16px;font:12px Arial,sans-serif}.footer-credit a{color:#ffe07d;display:inline}.generic-page{padding:23px 0;min-height:50vh}.generic-page .content{background:white;padding:20px;border-radius:16px;border:1px solid #dce5e8}.mobile-nav{display:none}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:300;background:#fff;color:#111;padding:8px}.wa-floating{position:fixed;bottom:85px;left:20px;z-index:110;width:50px;height:50px;background:#098c44;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:24px;box-shadow:0 6px 20px #0004}
@media(max-width:1100px){.brand{width:180px}.menu{gap:10px}.menu a{font-size:10px}.header-ctas a{font-size:10px;padding:7px}.kameti-hero{min-height:240px}.hero-pic img{height:205px}.category-tile{height:123px}.category-tile h2{font-size:15px}.kameti-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr)}.pane .atcc-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){body{font-size:11px}.site-width{width:calc(100% - 18px)}.header-inner{min-height:64px;gap:8px}.brand{width:155px}.brand img{height:52px}.menu-toggle{display:block;border:0;background:#eef7ef;border-radius:9px;font-size:24px;color:#176f39;padding:2px 9px;order:-1}.menu{display:none;position:absolute;top:100%;left:8px;right:8px;background:#fff;box-shadow:0 9px 20px #0003;border:1px solid #ddd;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;padding:10px}.menu.menu-open{display:flex}.menu a{font-size:12px;padding:6px;border-bottom:1px solid #eee}.header-ctas{margin-inline-start:auto}.header-ctas a{font-size:9px}.kameti-hero{min-height:205px;grid-template-columns:1fr 1.4fr 1fr}.hero-pic img,.hero-pic-two img{height:165px}.hero-text h1{font-size:25px}.hero-text p{font-size:9px;line-height:1.6}.hero-links a{font-size:9px;padding:2px 7px}.category-strip{gap:6px}.category-tile{height:110px;padding:8px}.category-tile img{height:72px;width:36%}.category-tile h2{font-size:13px}.category-tile span{font-size:9px}.kameti-layout{grid-template-columns:minmax(0,1fr)}.kameti-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.login-panel{grid-row:span 2}.trust-banner{flex-wrap:wrap}.trust-banner span{font-size:10px}}
@media(max-width:540px){body{padding-bottom:70px}.header-inner{min-height:54px}.brand{width:145px}.brand img{height:47px}.header-ctas a{padding:4px 6px;font-size:9px}.header-join{display:none}.demo-band{font-size:9px;padding:3px}.kameti-hero{margin-top:7px;grid-template-columns:1fr 1.2fr 1fr;min-height:158px;padding:5px 3px;border-radius:11px}.hero-pic img,.hero-pic-two img{height:130px;border-radius:4px}.hero-text{padding:0}.hero-brand{font-size:13px}.hero-text h1{font-size:clamp(13px,4.5vw,22px);line-height:1.8;white-space:normal}.hero-text p{font-size:8px;padding:0 5px;margin:0 0 5px}.hero-links{flex-direction:column;gap:4px;align-items:center}.hero-links a{font-size:8px;line-height:1.7;padding:0 7px}.hero-glitter{display:none}.category-strip{grid-template-columns:1fr;gap:6px}.category-tile{height:92px;padding:8px 14px}.category-tile img{height:82px;width:32%;object-fit:contain}.category-tile h2{font-size:17px}.category-tile span{font-size:10px}.category-tile b{font-size:9px}.kameti-layout{gap:9px}.kameti-primary,.kameti-side{gap:9px}.kameti-side{grid-template-columns:1fr}.login-panel{grid-row:auto}.pane,.side-box{padding:8px}.ribbon-heading{padding:1px 10px}.ribbon-heading h2{font-size:14px}.pane .atcc-plans{grid-template-columns:1fr!important}.prize-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-banner{gap:5px;padding:8px;font-size:9px}.trust-banner a{width:100%;text-align:center}.footer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.footer-grid>div:first-child{grid-column:span 2}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:105;background:#fff;justify-content:space-around;align-items:center;padding:5px 0 calc(4px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #0002;border-top:1px solid #d6dddd}.mobile-nav a{font:800 10px/1.5 Tahoma,sans-serif;display:flex;flex-direction:column;align-items:center;gap:0;color:#444}.mobile-nav span{font-size:22px;line-height:1.3}.mobile-nav a:first-child{color:#c51922}.wa-floating{bottom:85px;left:12px}}
/* Match the reference compact plan tiles while preserving live plugin forms */
.pane .atcc-plans .atcc-plan{padding:10px!important;border:1px solid #c7d9cf!important;border-top:5px solid #007833!important;border-radius:12px!important;box-shadow:0 2px 6px #143b2617!important;text-align:center!important;min-width:0}
.pane .atcc-plan-icon{font-size:43px!important;line-height:1.5!important;background:#f3faf4!important;border-radius:10px!important;margin:4px auto!important}
.pane .atcc-plan h3{font-size:14px!important;margin:3px 0!important;color:#0a5c2c!important}
.pane .atcc-price{font-size:19px!important;color:#b51020!important}
.pane .atcc-price small{font-size:9px!important}
.pane .atcc-plan p{font-size:10px!important;line-height:2!important;margin:5px 0!important}
.pane .atcc-facts{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important}
.pane .atcc-facts span{font-size:10px!important}
.pane .atcc-plan .atcc-btn{display:block!important;background:linear-gradient(#0e9f4c,#006528)!important;color:white!important;font-size:11px!important;border-radius:99px!important;margin-top:7px!important}

/* English LTR and Urdu RTL language support */
html[lang="en"] body{font-family:Arial,'Segoe UI',sans-serif;direction:ltr;font-size:14px;line-height:1.55}
html[lang="ur"] body{font-family:'Noto Naskh Arabic',Tahoma,sans-serif;direction:rtl}
.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid #c8dfd0;background:#f4faf6;border-radius:9px;padding:3px;direction:ltr;white-space:nowrap}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:33px;padding:5px 7px;border-radius:6px;font:800 11px Arial,sans-serif;color:#064b2c}
.lang-switch a.active{background:#087c37;color:white}
.lang-switch a:last-child{font-family:'Noto Naskh Arabic',Tahoma,sans-serif;font-size:10px}
html[lang="en"] .hero-text h1{line-height:1.15;white-space:normal;font-size:clamp(24px,3.3vw,48px);margin:10px 0}
html[lang="en"] .hero-text p{font-size:12px;line-height:1.7}
html[lang="en"] .header-inner .menu a{font-size:13px}
html[lang="en"] .category-tile h2{font-size:19px;white-space:normal;line-height:1.2;margin-bottom:8px}
html[lang="en"] .category-tile span{font-size:12px}
html[lang="en"] .category-tile b{font-size:12px;padding:5px 12px;margin-top:7px}
html[lang="en"] .ribbon-heading h2{font-size:17px}
html[lang="en"] .pane .atcc-plan h3{font-size:15px!important}
html[lang="en"] .pane .atcc-plan p,html[lang="en"] .pane .atcc-facts span{font-size:12px!important;line-height:1.65!important}
html[lang="en"] .side-box h2{font-size:15px;line-height:1.5}
html[lang="en"] .menu a,html[lang="en"] .header-ctas>a,html[lang="en"] .ribbon-heading a{line-height:1.4}
html[lang="en"] .dash-mini-side{line-height:2.3}
html[lang="en"] .atcc-wrap{direction:ltr;text-align:left}
html[lang="en"] .atcc-wrap input{text-align:left}
@media(max-width:1100px){.header-inner{gap:9px}html[lang="en"] .menu{gap:9px}html[lang="en"] .menu a{font-size:11px}.lang-switch a{min-width:27px;padding:4px}}
@media(max-width:780px){.lang-switch{order:1}.menu-toggle{order:-1}html[lang="en"] .category-tile h2{font-size:14px}}
@media(max-width:540px){.lang-switch{margin-inline:5px}.lang-switch a{font-size:10px;padding:3px 5px;min-width:24px}.header-login{font-size:10px!important}html[lang="en"] .hero-text h1{font-size:clamp(14px,4.8vw,23px);line-height:1.15;margin:3px 0}html[lang="en"] .hero-text p{font-size:8px}html[lang="en"] .category-tile h2{font-size:17px}html[lang="en"] .category-tile span{font-size:11px}html[lang="en"] .mobile-nav a{font-size:10px}}

/* Kameti 2.2 compact flexible desktop/mobile */
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif;line-height:1.45}html[lang="ur"] body{font-family:'Noto Naskh Arabic',Tahoma,sans-serif;line-height:1.6}html[lang="ur"] .menu a,html[lang="ur"] .hero-heading{font-family:'Noto Naskh Arabic',Tahoma,sans-serif} .site-width{width:min(1440px,calc(100% - 20px))}.header-inner{min-height:62px;gap:10px}.brand{width:220px}.brand img{height:58px;object-fit:contain}.menu{gap:12px}.kameti-hero{margin-top:6px;margin-bottom:6px;min-height:225px}.hero-pic img{max-height:210px}.category-tile{min-height:102px}.kameti-layout{gap:10px}.pane{margin-bottom:9px}.site-footer{margin-top:10px}.footer-logo img{max-height:68px;object-fit:contain}.ribbon-heading{margin-bottom:8px}.wa-floating{display:none!important} .brand img,.footer-logo img{object-position:center} .header-ctas{gap:5px}
@media(max-width:780px){.header-inner{min-height:53px}.brand{width:160px}.brand img{height:48px}.kameti-hero{min-height:auto}.kameti-layout{gap:8px}.category-tile{min-height:76px}.site-width{width:calc(100% - 12px)}.pane{padding:8px;margin-bottom:8px}.site-footer{margin-top:8px}}
@media(max-width:540px){.brand{width:130px}.brand img{height:42px}.header-inner{min-height:50px}.category-tile{min-height:66px}body{padding-bottom:66px}.mobile-nav{z-index:95}}