/*
Theme Name: GCMIS Screenshot
Theme URI: https://gcmisbd.org/
Author: Custom GCMIS rebuild
Description: Screenshot-matched WordPress theme for Gulshan Central Masjid & Iddgah Society.
Version: 2.0.0
Text Domain: gcmis
*/
:root{--g:#0aa24a;--g2:#087c39;--light:#f7f8f8;--ink:#333;--gold:#f3b516;--line:#e8e8e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Bengali",sans-serif;color:var(--ink);font-size:13px;line-height:1.75;background:#fff}
a{color:inherit;text-decoration:none}a:hover{color:var(--g)}
.container{width:min(1060px,90%);margin:auto}
.top{background:#292929;color:#eee;font-size:10px}.top .container{height:28px;display:flex;justify-content:space-between;align-items:center}.top span{margin-right:16px}
.header{background:var(--g);color:#fff}.header .container{height:58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;min-width:235px}.brand img{width:38px;height:38px;object-fit:contain}.brand-icon{width:38px;height:38px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:21px}.brand strong{font-size:12px;display:block;line-height:1.15}.brand small{font-size:8px;opacity:.9}
.menu{display:flex;align-items:center;gap:20px;font-size:10px;font-weight:700;text-transform:uppercase}.menu a{color:#fff}.menu a:hover{color:#ffe49a}
.hero{height:330px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.28)),linear-gradient(120deg,#7f8b8d,#d7e2e4 50%,#6d7b7c);background-size:cover;background-position:center;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 55%)}.hero .container{height:100%;display:flex;align-items:flex-end;padding-bottom:34px}.hero-content{color:#fff;max-width:620px;display:none}.hero-content h1{font-size:38px;line-height:1.2;margin:0 0 8px}.hero-content p{margin:0}
.section{padding:62px 0}.section.gray{background:#f5f6f7}.section.pattern{background:#f7f8fa;position:relative;overflow:hidden}.section.pattern:before{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(circle at 20% 25%,#0a8f44 1px,transparent 2px),radial-gradient(circle at 80% 65%,#d4a31e 1px,transparent 2px);background-size:18px 18px,24px 24px}.section.pattern>*{position:relative}
.heading{text-align:center;margin-bottom:40px}.heading .orn{font-size:23px;color:#111;display:block;line-height:1;margin-bottom:10px}.heading h2{font-size:16px;text-transform:uppercase;margin:0 0 5px;letter-spacing:.2px}.heading p{font-size:9px;color:#777;margin:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-copy h2{font-size:18px;margin:0 0 10px}.about-copy h3{font-size:15px;margin:22px 0 6px}.about-copy p{font-size:11px;color:#777}.about-copy ul{padding-left:18px;color:#777;font-size:10px}.more{display:inline-block;background:var(--g);color:#fff;border-radius:18px;padding:7px 18px;font-size:10px;margin-top:8px}.more:hover{background:var(--g2);color:#fff}
.about-pics{position:relative;height:330px}.about-pics .pic{position:absolute;overflow:hidden;border-radius:1px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.about-pics .pic.one{width:205px;height:180px;right:10px;top:0;background:linear-gradient(145deg,#80c7e6,#fff 48%,#76b25f)}.about-pics .pic.two{width:205px;height:180px;left:10px;bottom:10px;background:linear-gradient(145deg,#fff,#dfe9e5 60%,#9b7654)}.about-pics .pic.three{width:110px;height:135px;right:0;bottom:35px;background:linear-gradient(145deg,#77b5e0,#fff 45%,#3c9e56)}.about-pics .pic:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 45%,rgba(0,0,0,.08))}
.prayer-wrap{display:flex;justify-content:flex-end;min-height:300px;align-items:center}.prayer-card{width:410px;background:linear-gradient(135deg,#10a84f,#159f4c);padding:26px;border-radius:3px;box-shadow:0 8px 25px rgba(0,0,0,.14)}.prayer-card table{width:100%;border-collapse:collapse;background:#fff;border-radius:3px;overflow:hidden}.prayer-card th{font-size:10px;padding:9px 10px;text-align:left}.prayer-card td{font-size:10px;padding:8px 10px;border-top:1px solid #eee}.prayer-card tr:first-child td{border-top:0}
.notice{padding:25px 0}.notice p{font-size:11px;margin:5px 0}.report{background:var(--g);padding:30px 0}.report-box{height:310px;background:#ddd;display:flex;align-items:center;justify-content:center;position:relative}.report-box .paper{width:150px;height:220px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#555}.report-box .paper strong{display:block;color:var(--g2);font-size:16px}.report-note{font-size:10px;color:#fff;text-align:center;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 45px}.edu-card h3{font-size:12px;margin:0 0 6px}.edu-card p{font-size:10px;color:#777;margin:0}
.donation{background:#f7f8fa}.donation-box{display:grid;grid-template-columns:1fr 1.5fr;min-height:180px}.donation-img{background:linear-gradient(135deg,#5f4b32,#c8a65a 50%,#46351f)}.donation-copy{background:linear-gradient(135deg,#10a64d,#20a64e);color:#fff;padding:30px}.donation-copy h2{font-size:13px;margin:0 0 12px;text-transform:uppercase}.donation-copy p{font-size:10px;margin:0 0 12px}.donate-btn{display:inline-block;background:#f5b511;color:#fff;border-radius:18px;padding:7px 18px;font-size:10px}
.apps{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:30px auto}.app{height:170px;border-radius:7px;display:flex;align-items:flex-end;justify-content:center;padding:22px;color:#fff;font-weight:700;font-size:12px}.app.green{background:#0ba548}.app.gold{background:#ffb510}
.footer{background:#292929;color:#bbb;padding:48px 0 0;position:relative}.footer:before{content:"";position:absolute;top:-30px;left:0;right:0;height:45px;background:linear-gradient(135deg,transparent 35%,#292929 36% 42%,transparent 43% 47%,#292929 48% 55%,transparent 56% 60%,#292929 61% 67%,transparent 68%);opacity:.98}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:45px}.footer h3{font-size:12px;color:#fff;margin:0 0 10px}.footer p,.footer a{font-size:9px}.footer a{color:#ddd}.copyright{border-top:1px solid #444;margin-top:30px;padding:12px 0;font-size:8px;display:flex;justify-content:space-between}
.page-title{background:#f4f5f5;padding:42px 0;text-align:center}.page-title h1{margin:0;font-size:26px}.page-content{padding:55px 0}.page-content h2{font-size:21px}.page-content p,.page-content li{font-size:12px;color:#666}.page-content li{margin-bottom:5px}
@media(max-width:850px){.menu{gap:10px;font-size:8px}.about{grid-template-columns:1fr}.about-pics{max-width:430px;margin:auto}.prayer-wrap{justify-content:center}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.top .container{height:auto;padding:5px 0;display:block}.top .right{display:none}.header .container{height:auto;padding:12px 0;display:block}.menu{margin-top:10px;flex-wrap:wrap}.hero{height:210px}.section{padding:42px 0}.cards,.donation-box,.footer-grid,.apps{grid-template-columns:1fr}.prayer-card{width:100%}.about-pics{height:290px}}