/*
Theme Name: Ali Usthad Knowledge
Theme URI: https://aliusthad.com
Author: Ali Usthad
Description: Tamil Islamic knowledge-library theme for Ali Usthad Core and REST API Connector.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: ali-usthad-knowledge
License: GPL-2.0-or-later
*/
@import url("https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@500;700&family=Noto+Sans+Tamil:wght@400;500;600;700&family=Noto+Serif+Tamil:wght@400;500;600;700&display=swap");
:root{--primary:#0f5132;--accent:#b98a22;--page:#fbf7ef;--surface:#fffdf9;--surface2:#f6efe3;--ink:#26322c;--muted:#69736d;--line:#e7ddcd;--pink:#fdecef;--yellow:#f8edcf;--mint:#e4f2e8;--lavender:#eeeaf7;--blue:#e8f1f7;--peach:#fbe9df;--shadow:0 12px 32px rgba(48,65,55,.08)}
:root[data-theme=dark]{--page:#181522;--surface:#231f30;--surface2:#302a42;--ink:#f6f2ff;--muted:#c2bbcf;--line:#433b55;--pink:#462d3a;--yellow:#433b25;--mint:#243f36;--lavender:#37304e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:"Noto Sans Tamil",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.au-app{min-height:100vh;background:var(--page)}.au-app.large{font-size:1.1rem}.font-serif{font-family:"Noto Serif Tamil",serif}.font-hind{font-family:"Hind Madurai",sans-serif}
.site-header{position:sticky;top:0;z-index:50;min-height:76px;padding:10px clamp(18px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--yellow),var(--pink));color:var(--primary);font:700 22px Georgia}.brand strong{display:block;color:var(--primary);font:700 26px Georgia}.brand small{display:block;color:var(--muted);font-size:11px}.main-nav{display:flex;gap:28px;font-weight:600}.main-nav a{padding:22px 0;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{border-color:var(--primary)}.header-actions{display:flex;align-items:center;gap:7px}.header-actions button,.menu-button{min-width:41px;height:41px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.header-actions .login{min-width:100px;background:var(--primary);color:#fff}.menu-button{display:none}.api-dot{width:10px;height:10px;border-radius:50%;background:#b7b1bf;box-shadow:0 0 0 4px #b7b1bf26}.api-dot.connected{background:#55a47f;box-shadow:0 0 0 4px #55a47f26}.api-dot.error{background:#d4777f}
.page-shell{width:min(1420px,calc(100% - 36px));margin:22px auto;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.hero-panel{position:relative;overflow:hidden;grid-column:1/-1;padding:54px 42px 30px;border:1px solid var(--line);border-radius:28px;background:var(--surface)}.hero-panel:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#eaa0b0 0 25%,#eadb8b 25% 50%,#a8d8c2 50% 75%,#b8acd9 75%)}.hero-copy{text-align:center}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em}.hero-copy h1{margin:15px 0 10px;font-size:clamp(30px,4vw,54px);color:var(--ink)}.hero-copy p{color:var(--muted)}.edit-slogan{padding:8px 12px;border:0;border-radius:10px;background:var(--surface2);color:var(--primary);font-size:11px}.search{width:min(820px,100%);height:67px;margin:28px auto;display:flex;align-items:center;gap:12px;padding:8px 9px 8px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.search-button{width:50px;height:50px;border:0;border-radius:15px;background:var(--primary);color:#fff}.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.entry-card{position:relative;min-height:165px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.entry-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:4px;border-radius:0 0 5px 5px}.entry-card:nth-child(1):before{background:#7fbfa2}.entry-card:nth-child(2):before{background:#de8398}.entry-card:nth-child(3):before{background:#d7bd59}.entry-card:nth-child(4):before{background:#9483c1}.entry-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--lavender);font-size:25px}.entry-card strong,.entry-card small{display:block}.entry-card strong{margin:14px 0 7px;color:var(--primary)}.entry-card small{color:var(--muted);font-size:11px;line-height:1.6}.arrow{position:absolute;right:18px;bottom:16px}
.sidebar{display:flex;flex-direction:column;gap:14px}.side-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.side-card h2{margin:0 0 15px;color:var(--primary);font-size:15px}.side-card>a{padding:11px 0;display:flex;gap:9px;border-top:1px solid var(--line);font-size:12px}.side-card>a b{margin-left:auto}.side-card p{color:var(--muted);font-size:12px;line-height:1.7}.arabic{color:var(--ink)!important;font:700 26px/1.8 "Noto Naskh Arabic",serif!important}.connection-state{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.connection-state i{width:8px;height:8px;border-radius:50%;background:#aaa}.connection-state.connected i{background:#55a47f}.connection-card button{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px}
.content-section{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0 17px}.section-heading h2{margin:7px 0;color:var(--primary)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.knowledge-card{position:relative;min-height:190px;padding:22px;display:grid;grid-template-columns:58px 1fr;gap:15px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 24px rgba(50,42,68,.05)}.knowledge-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--surface2);color:var(--primary);font-size:25px}.knowledge-card h3{margin:6px 38px 4px;color:var(--ink);margin-left:0}.knowledge-card small,.knowledge-card p{color:var(--muted);font-size:12px;line-height:1.85}.type{color:var(--accent);font-size:10px;font-weight:700}.bookmark{position:absolute;right:15px;top:15px;border:0;background:none;color:var(--accent);font-size:22px}.empty-state{padding:60px;text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}
.audience-section,.mission{grid-column:1/-1;margin-top:18px;padding:42px;border-radius:27px}.audience-kicker{color:var(--accent);font-size:11px;font-weight:700}.audience-section h2,.mission h2{margin:10px 0;color:var(--primary)}.audience-section p,.mission p{color:var(--muted);line-height:1.8}.welcome-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:linear-gradient(118deg,var(--mint),var(--surface) 50%,var(--yellow))}.audience-actions{display:flex;gap:10px;margin-top:22px}.audience-actions a,.primary-audience-link,.mission>a{display:inline-block;padding:13px 17px;border-radius:13px;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.topic-stack>a{padding:14px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:16px;background:#ffffffd9}.topic-stack>a+ a{margin-top:9px}.topic-stack b{color:var(--accent)}.topic-stack span{flex:1}.topic-stack strong,.topic-stack small{display:block}.topic-stack small{margin-top:4px;color:var(--muted);font-size:10px}.women-section{background:linear-gradient(125deg,var(--pink),var(--surface) 50%,var(--lavender))}.women-grid{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.women-grid a{padding:20px;min-height:160px;border-radius:20px;background:#ffffffeb}.women-grid span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff8fa6,#a98be7);color:#fff}.women-grid strong,.women-grid small{display:block}.women-grid strong{margin:17px 0 7px;color:#81486f}.women-grid small{color:#6f6b78;font-size:10px;line-height:1.6}.kids-section{background:linear-gradient(135deg,var(--yellow),var(--surface) 50%,var(--mint))}.kids-heading{display:flex;justify-content:space-between}.kids-mascot{width:100px;height:100px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(145deg,#7f6ac6,#ee718b);color:#fff4bd;font-size:50px}.kids-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.kids-grid a{padding:20px;min-height:130px;border:1px solid var(--line);border-radius:20px;background:#fff}.kids-grid span,.kids-grid strong,.kids-grid small{display:block}.kids-grid span{font-size:28px}.kids-grid strong{margin:12px 0;color:var(--primary)}.kids-grid small{color:var(--accent);font-size:10px}.mission{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border:1px solid var(--line);background:var(--surface)}.mission-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--yellow),var(--pink));font:700 22px Georgia;color:var(--primary)}
.settings-backdrop{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:#031813aa;backdrop-filter:blur(8px)}.settings-backdrop.open{display:grid}.settings-panel{width:min(570px,100%);max-height:90vh;overflow:auto;padding:27px;border:1px solid var(--line);border-radius:23px;background:var(--surface)}.settings-title{display:flex;justify-content:space-between}.settings-title h2{color:var(--primary)}.close-settings{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink)}.settings-panel label{display:flex;flex-direction:column;gap:8px;color:var(--primary);font-size:12px;font-weight:700}.settings-panel input{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--ink)}.settings-panel fieldset{margin:20px 0;padding:0;border:0}.settings-panel legend{margin-bottom:9px;color:var(--primary);font-size:12px;font-weight:700}.font-option,.palette-option,.reset-settings,.save-settings,.test-connection{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--ink)}.font-option{width:100%;margin-top:8px;display:flex;justify-content:space-between}.selected{box-shadow:inset 4px 0 var(--accent)}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palette-option{font-size:10px}.palette-swatches{height:24px;margin-bottom:7px;display:flex;overflow:hidden;border-radius:7px}.palette-swatches i{flex:1}.colour-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.colour-controls label{padding:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:10px}.colour-controls input{width:34px;height:34px;padding:2px}.api-result{margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--muted);font-size:10px;line-height:1.6}.test-connection,.save-settings{width:100%;background:var(--primary);color:#fff}.settings-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.settings-note{color:var(--muted);font-size:10px;line-height:1.6}
footer{padding:42px 20px 90px;text-align:center;background:#37304f;color:#fff}footer strong{font:700 27px Georgia}footer p,footer small{opacity:.7;font-size:11px}.mobile-nav{display:none}
@media(max-width:1100px){.main-nav{gap:13px;font-size:12px}.page-shell{grid-template-columns:1fr}.sidebar{grid-row:3;display:grid;grid-template-columns:repeat(3,1fr)}.content-section{grid-row:2}.women-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{min-height:67px;padding:8px 14px}.brand-mark{width:44px;height:44px}.brand strong{font-size:20px}.brand small{display:none}.menu-button{display:block;order:3}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:16px;flex-direction:column;background:var(--surface)}.main-nav.open{display:flex}.header-actions .login{display:none}.page-shell{width:calc(100% - 22px);margin-top:11px}.hero-panel{padding:34px 15px 16px}.entry-grid{grid-template-columns:repeat(2,1fr)}.entry-card{min-height:170px;padding:17px 12px}.sidebar{display:flex}.content-grid{grid-template-columns:1fr}.audience-section,.mission{padding:27px 18px}.welcome-section{grid-template-columns:1fr}.women-grid{grid-template-columns:1fr}.kids-grid{grid-template-columns:repeat(2,1fr)}.mission{grid-template-columns:1fr;text-align:center}.mission-mark{margin:auto}.mobile-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;height:65px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:8px}.mobile-nav span{font-size:19px}.palette-grid,.colour-controls,.settings-actions{grid-template-columns:1fr}}
@media(max-width:480px){.header-actions button:first-of-type{display:none}.hero-copy h1{font-size:27px}.kids-grid{grid-template-columns:1fr}.kids-mascot{display:none}}

/* v1.1 bilingual knowledge portal */
.main-nav a small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:500;text-align:center}.hero-panel{background:linear-gradient(150deg,#fffdf9 0%,#fbf6ec 54%,#f2ead9 100%)}.entry-grid{grid-template-columns:repeat(5,1fr)}.entry-card{overflow:hidden;min-height:190px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.entry-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 16px 36px rgba(48,65,55,.11)}.entry-card:before{left:0;right:0;height:5px}.entry-card:nth-child(n):before{background:var(--accent)}.entry-card.card-tone-1{background:linear-gradient(150deg,#fff,#e6f3ea)}.entry-card.card-tone-2{background:linear-gradient(150deg,#fff,#fdecef)}.entry-card.card-tone-3{background:linear-gradient(150deg,#fff,#f8edcf)}.entry-card.card-tone-4{background:linear-gradient(150deg,#fff,#eeeaf7)}.entry-card.card-tone-5{background:linear-gradient(150deg,#fff,#e8f1f7)}.entry-card.card-tone-6{background:linear-gradient(150deg,#fff,#fbe9df)}.entry-icon{background:#ffffffb8;color:var(--primary);box-shadow:inset 0 0 0 1px #ffffff}.bilingual-title{display:block;margin:14px 0 7px}.bilingual-title strong{margin:0;color:var(--primary);font-size:15px}.bilingual-title em{display:block;margin-top:3px;color:var(--accent);font:600 10px/1.3 Georgia,serif}.entry-card small{padding-right:14px}.side-card h2 small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}.widget ul{margin:0;padding:0;list-style:none}.widget li{padding:9px 0;border-top:1px solid var(--line)}.widget img{max-width:100%;height:auto;border-radius:12px}
.pathways-section{grid-column:1/-1;margin-top:20px;padding:38px;border:1px solid var(--line);border-radius:28px;background:var(--surface)}.pathways-section .section-heading p{max-width:860px;color:var(--muted);line-height:1.8}.pathway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pathway-card{min-height:145px;padding:22px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:17px;border:1px solid var(--line);border-radius:21px;transition:transform .2s ease}.pathway-card:hover{transform:translateY(-3px)}.pathway-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#ffffffb5;color:var(--primary);font-size:24px}.pathway-card strong,.pathway-card em,.pathway-card small{display:block}.pathway-card strong{color:var(--primary)}.pathway-card em{margin:4px 0 9px;color:var(--accent);font:600 11px Georgia,serif}.pathway-card small{color:var(--muted);font-size:10px;line-height:1.6}.pathway-card>b{color:var(--accent)}.path-emotion{background:var(--pink)}.path-condition{background:var(--mint)}.path-age{background:var(--yellow)}.path-profession{background:var(--blue)}
.featured-hubs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.hub-card:nth-child(2){background:linear-gradient(145deg,var(--mint),var(--surface))}.hub-card:nth-child(3){background:linear-gradient(145deg,var(--yellow),var(--surface))}.hub-kicker{color:var(--accent);font:700 9px Georgia;letter-spacing:.12em}.hub-card h2{margin:10px 0;color:var(--primary);font-size:19px}.hub-card p{min-height:55px;color:var(--muted);font-size:11px;line-height:1.7}.hub-card a{color:var(--primary);font-size:11px;font-weight:700}.footer-widgets{width:min(1180px,100%);margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.footer-widgets strong{font-size:18px}.footer-widgets .widget{list-style:none}.footer-widgets h2{color:#fff;font-size:15px}.footer-widgets ul{padding:0;list-style:none}
@media(max-width:1200px){.entry-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.main-nav a small{display:inline;margin-left:6px}.entry-grid{grid-template-columns:repeat(2,1fr)}.pathways-section{padding:27px 18px}.pathway-grid,.featured-hubs{grid-template-columns:1fr}.footer-widgets{grid-template-columns:1fr;text-align:center}}
@media(max-width:480px){.entry-grid{grid-template-columns:1fr}.entry-card{min-height:160px}.pathway-card{grid-template-columns:45px 1fr}.pathway-card>span{width:44px;height:44px}.pathway-card>b{display:none}}