/*
Theme Name: Bramjfreee Child
Template: generatepress
Version: 1.0
Text Domain: bj-child
*/
@font-face{font-family:Cairo;src:url(fonts/cairo-arabic.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;src:url(fonts/cairo-latin.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bj-primary:#5b3df5;--bj-primary2:#8b5cf6;--bj-accent:#06b6d4;--bj-dark:#0b1020;--bj-ink:#1e2235;--bj-muted:#5d6480;--bj-bg:#f6f7fb;--bj-card:#fff;--bj-border:#e6e8f0;--bj-radius:16px}
body,button,input,select,textarea{font-family:Cairo,Tahoma,Arial,sans-serif}
body{background:var(--bj-bg);color:var(--bj-ink);font-size:17px;line-height:1.8}
h1,h2,h3,h4{font-weight:800;color:var(--bj-dark);line-height:1.4}
a{color:var(--bj-primary)}a:hover{color:var(--bj-primary2)}
/* header */
.site-header{background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--bj-border);position:sticky;top:0;z-index:100}
.admin-bar .site-header{top:32px}
.inside-header{padding-top:12px;padding-bottom:12px}
.main-title{font-size:26px;font-weight:900;margin:0}
.main-title a{background:linear-gradient(90deg,var(--bj-primary),var(--bj-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-description{font-size:13px;color:var(--bj-muted);margin:0}
.main-navigation,.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{font-weight:700;color:var(--bj-ink);padding-left:14px;padding-right:14px;line-height:56px}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--bj-primary)}
.main-navigation .main-nav ul ul{background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.12);border-radius:12px}
.main-navigation .menu-toggle{color:var(--bj-dark)}
.main-navigation .main-nav ul li.bj-cta>a{background:linear-gradient(135deg,var(--bj-primary),var(--bj-primary2));color:#fff;border-radius:999px;line-height:40px;margin:8px 6px}
/* content */
.separate-containers .inside-article,.one-container .container,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation{border-radius:var(--bj-radius);border:1px solid var(--bj-border)}
.home .site-content,.home .inside-article,.home .container.grid-container{padding:0!important;background:transparent;border:0}
.home .entry-header{display:none}
.home.one-container .site-content,.home .site-main{margin:0!important}
.button,button,input[type=submit],.wp-block-button__link{background:linear-gradient(135deg,var(--bj-primary),var(--bj-primary2));color:#fff;border-radius:12px;font-weight:700;border:0}
/* home sections */
.bj-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.bj-hero{position:relative;overflow:hidden;background:radial-gradient(1000px 500px at 85% -10%,rgba(139,92,246,.55),transparent 60%),radial-gradient(800px 400px at 0% 110%,rgba(6,182,212,.45),transparent 60%),var(--bj-dark);color:#fff;padding:90px 0 100px;text-align:center}
.bj-hero h1{color:#fff;font-size:clamp(32px,5.5vw,58px);font-weight:900;margin:0 0 18px}
.bj-hero h1 span{background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.bj-hero p.bj-lead{font-size:clamp(17px,2.2vw,21px);color:#c9cee3;max-width:720px;margin:0 auto 32px}
.bj-badge{display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:14px;margin-bottom:20px;color:#e0e4ff}
.bj-search{display:flex;max-width:640px;margin:0 auto;background:#fff;border-radius:16px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.bj-search input[type=search]{flex:1;border:0;background:transparent;font-size:17px;padding:14px 16px;color:var(--bj-ink);outline:0;min-width:0}
.bj-search button{padding:0 26px;font-size:16px}
.bj-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.bj-tags a{color:#dfe3ff;font-size:14px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);text-decoration:none}
.bj-tags a:hover{background:rgba(255,255,255,.18);color:#fff}
.bj-section{padding:70px 0}
.bj-section.alt{background:#fff;border-top:1px solid var(--bj-border);border-bottom:1px solid var(--bj-border)}
.bj-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:30px;flex-wrap:wrap}
.bj-head h2{font-size:clamp(24px,3.4vw,34px);margin:0}
.bj-head p{margin:4px 0 0;color:var(--bj-muted)}
.bj-more{font-weight:700;text-decoration:none;white-space:nowrap}
.bj-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bj-card{background:var(--bj-card);border:1px solid var(--bj-border);border-radius:var(--bj-radius);padding:26px;transition:transform .2s,box-shadow .2s;display:block;text-decoration:none;color:var(--bj-ink)}
a.bj-card:hover,.bj-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(91,61,245,.12);color:var(--bj-ink)}
.bj-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,rgba(91,61,245,.12),rgba(6,182,212,.12));color:var(--bj-primary)}
.bj-ico svg{width:28px;height:28px}
.bj-card h3{font-size:19px;margin:0 0 8px}
.bj-card p{margin:0;color:var(--bj-muted);font-size:15px;line-height:1.7}
.bj-pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ecfdf5;color:#047857;margin-top:12px}
.bj-pill.soon{background:#fff7ed;color:#c2410c}
.bj-post{padding:0;overflow:hidden}
.bj-post img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bj-post .bj-pb{padding:20px}
.bj-empty{background:#fff;border:2px dashed var(--bj-border);border-radius:var(--bj-radius);padding:34px;text-align:center;color:var(--bj-muted)}
.bj-cta{background:linear-gradient(135deg,var(--bj-primary),var(--bj-primary2) 55%,var(--bj-accent));color:#fff;border-radius:24px;padding:56px 30px;text-align:center}
.bj-cta h2{color:#fff;font-size:clamp(24px,3.6vw,36px);margin:0 0 10px}
.bj-cta p{color:#eef0ff;margin:0 0 24px}
.bj-btn{display:inline-block;background:#fff;color:var(--bj-primary)!important;font-weight:800;padding:14px 30px;border-radius:14px;text-decoration:none}
.bj-btn.ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.6);margin-inline-start:10px}
/* footer */
.bj-footer{background:var(--bj-dark);color:#aab1cc;padding:56px 0 20px;font-size:15px}
.bj-footer .bj-fgrid{display:grid;gap:30px;grid-template-columns:2fr 1fr 1fr 1fr}
.bj-footer h4,.bj-footer .bj-ft-h{color:#fff;font-size:17px;margin:0 0 14px;font-weight:800;line-height:1.4}
.bj-footer ul{list-style:none;margin:0;padding:0}.bj-footer li{margin:6px 0}
.bj-footer a{color:#aab1cc;text-decoration:none}.bj-footer a:hover{color:#fff}
.bj-footer .bj-logo{font-size:24px;font-weight:900;color:#fff;margin-bottom:10px}
.bj-copy{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:18px;text-align:center;font-size:14px}
.site-info{display:none}
/* age calculator */
.bj-tool{background:#fff;border:1px solid var(--bj-border);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.06);max-width:760px;margin:0 auto 30px}
.bj-tool .bj-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bj-tool label{font-weight:700;display:block;margin-bottom:6px}
.bj-tool input[type=date]{width:100%;padding:12px 14px;border:1px solid var(--bj-border);border-radius:12px;font-size:16px;background:#fafbff}
.bj-tool .bj-go{width:100%;margin-top:18px;padding:15px;font-size:18px}
.bj-res{display:none;margin-top:24px}
.bj-res .bj-big{text-align:center;font-size:22px;font-weight:800;color:var(--bj-dark);margin-bottom:16px}
.bj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.bj-stat{background:var(--bj-bg);border-radius:14px;padding:14px;text-align:center}
.bj-stat b{display:block;font-size:22px;color:var(--bj-primary)}
.bj-stat span{font-size:14px;color:var(--bj-muted)}
@media(max-width:768px){.bj-hero{padding:60px 0 70px}.bj-section{padding:46px 0}.bj-footer .bj-fgrid{grid-template-columns:1fr 1fr}.bj-tool .bj-row{grid-template-columns:1fr}.bj-search button{padding:0 16px}.bj-btn.ghost{margin:10px 0 0}}
.main-navigation .main-nav ul li[class*="current-menu-"]>a,.main-navigation .main-nav ul li:hover>a{background:transparent!important}
.main-navigation .menu-toggle,.main-navigation.toggled .main-nav ul ul{background:transparent!important;color:var(--bj-dark)!important}
.main-navigation.toggled .main-nav>ul{background:#fff}
@media(max-width:768px){.main-navigation .menu-toggle{border:1px solid var(--bj-border);border-radius:12px;margin:6px 0}}
/* ===== articles ===== */
.single .inside-article{padding:34px}
.single .entry-title{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.45}
.single .featured-image img,.single .post-image img{border-radius:18px}
.entry-content h2{font-size:clamp(22px,3vw,29px);margin:2em 0 .7em;padding-inline-start:16px;border-inline-start:5px solid;border-image:linear-gradient(180deg,var(--bj-primary),var(--bj-accent)) 1;scroll-margin-top:90px}
.entry-content h3{font-size:clamp(19px,2.4vw,22px);color:var(--bj-primary);margin:1.5em 0 .5em}
.entry-content p,.entry-content li{font-size:17.5px;line-height:1.95}
.entry-content a{text-decoration:underline;text-decoration-color:rgba(91,61,245,.35);text-underline-offset:4px}
.bj-cl-t{display:block;font-weight:800;font-size:17px;margin-bottom:8px;color:var(--bj-dark)}
.bj-takeaways{background:linear-gradient(135deg,rgba(91,61,245,.08),rgba(6,182,212,.08));border:1px solid rgba(91,61,245,.25);border-radius:18px;padding:22px 24px;margin:0 0 24px}
.bj-takeaways ul{margin:0 1.2em 0 0}.bj-takeaways li{margin:6px 0}
.bj-toc{background:#fff;border:1px solid var(--bj-border);border-radius:16px;padding:16px 22px;margin:0 0 28px}
.bj-toc summary{font-weight:800;cursor:pointer;font-size:17px}
.bj-toc ol{margin:12px 1.4em 0 0}.bj-toc li{margin:4px 0;font-size:16px}.bj-toc a{text-decoration:none!important}
.bj-callout{border-radius:16px;padding:18px 22px;margin:24px 0;border-inline-start:5px solid}
.bj-callout p{margin:0}
.bj-tip{background:#eef9ff;border-color:var(--bj-accent)}
.bj-warn{background:#fff7ed;border-color:#f97316}
.bj-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.bj-pros,.bj-cons{border-radius:16px;padding:18px 20px}
.bj-pros{background:#ecfdf5;border:1px solid #a7f3d0}.bj-cons{background:#fef2f2;border:1px solid #fecaca}
.bj-pc ul{margin:0 1.2em 0 0}.bj-pc li{font-size:16px;margin:4px 0}
.bj-table{margin:24px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bj-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:520px;border:1px solid var(--bj-border);border-radius:14px;overflow:hidden;font-size:15.5px}
.bj-table th{background:linear-gradient(135deg,var(--bj-primary),var(--bj-primary2));color:#fff;font-weight:800;padding:12px 14px;text-align:start}
.bj-table td{padding:11px 14px;border-top:1px solid var(--bj-border);background:#fff}
.bj-table tr:nth-child(even) td{background:#f8f9fd}
.bj-faq details{background:#fff;border:1px solid var(--bj-border);border-radius:14px;margin:10px 0;padding:14px 18px}
.bj-faq summary{font-weight:800;cursor:pointer;color:var(--bj-dark)}
.bj-faq details[open] summary{color:var(--bj-primary);margin-bottom:8px}
.bj-faq p{margin:0}
.wp-block-list li::marker{color:var(--bj-primary);font-weight:700}
@media(max-width:768px){.single .inside-article{padding:20px 16px}.bj-pc{grid-template-columns:1fr}.entry-content p,.entry-content li{font-size:17px}}
/* logo */
.site-logo img,.header-image{height:46px;width:auto;max-height:46px}
.site-branding .main-title,.site-description{display:none}
@media(max-width:768px){.site-logo img,.header-image{height:38px;max-height:38px}.inside-header{padding-top:8px;padding-bottom:8px}}
.bj-footer .bj-logo img{display:block}
/* age v2 */
.bj-date{border:0;padding:0;margin:0;min-width:0}
.bj-date legend{font-weight:700;margin-bottom:6px;padding:0}
.bj-sel{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:8px}
.bj-sel select{width:100%;padding:11px 8px;border:1px solid var(--bj-border);border-radius:12px;font-size:16px;background:#fafbff;font-family:inherit;color:var(--bj-ink)}
.bj-hij{text-align:center;font-weight:700;color:var(--bj-primary);margin:-6px 0 16px;line-height:1.8}
/* mobile header v2 */
@media(max-width:768px){
.site-header .inside-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 16px;position:relative}
.site-header .site-branding-container,.site-header .site-logo{margin:0!important;text-align:right}
.site-header .main-navigation{width:auto!important;margin:0!important;float:none!important;position:static}
.site-header .main-navigation .inside-navigation{padding:0;position:static}
.main-navigation .menu-toggle{width:44px;height:44px;padding:0!important;margin:0!important;display:grid;place-items:center;border:1px solid var(--bj-border);border-radius:12px;line-height:1}
.main-navigation .menu-toggle .mobile-menu{display:none}
.main-navigation .menu-toggle .gp-icon svg{width:20px;height:20px}
.main-navigation.toggled .main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--bj-border);box-shadow:0 14px 30px rgba(15,23,42,.12);max-height:75vh;overflow:auto}
.main-navigation.toggled .main-nav>ul{padding:6px 0}
.main-navigation.toggled .main-nav ul li a{line-height:48px;padding:0 20px}
}
@media(max-width:768px){.site-header .site-branding{display:none}}
@media(max-width:768px){.site-header .inside-header{padding:8px 14px!important;margin:0!important;max-width:none!important;width:100%!important;box-sizing:border-box}.site-header .site-logo{margin-left:auto!important}}
@media(max-width:768px){.site-logo img,.header-image{height:44px!important;max-height:44px!important;width:auto}}
/* PDF tools */
.bjp-tool{background:#fff;border:1px solid var(--bj-border);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06);max-width:820px;margin:0 auto 30px}
.bjp-drop{border:2px dashed rgba(91,61,245,.35);border-radius:18px;padding:34px 18px;text-align:center;cursor:pointer;background:linear-gradient(135deg,rgba(91,61,245,.05),rgba(6,182,212,.06));transition:.2s;display:flex;flex-direction:column;align-items:center;gap:6px}
.bjp-drop:hover,.bjp-drop.on,.bjp-drop:focus{border-color:var(--bj-primary);background:linear-gradient(135deg,rgba(91,61,245,.1),rgba(6,182,212,.1));outline:0}
.bjp-ic{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bj-primary),var(--bj-accent));color:#fff}.bjp-ic svg{width:32px;height:32px}
.bjp-drop strong{font-size:18px;color:var(--bj-dark)}.bjp-drop span{color:var(--bj-muted);font-size:14px}
.bjp-list{list-style:none;margin:14px 0 0;padding:0}
.bjp-list li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--bj-border);border-radius:12px;margin-bottom:8px;background:#fafbff;font-size:15px}
.bjp-fn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.bjp-fs{color:var(--bj-muted);font-size:13px;white-space:nowrap}
.bjp-list button{background:#fff;color:var(--bj-ink);border:1px solid var(--bj-border);border-radius:8px;padding:4px 9px;font-size:12px;line-height:1.4}
.bjp-opts{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0 0;padding:14px;border-radius:12px;background:var(--bj-bg)}
.bjp-opts label{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}
.bjp-opts select,.bjp-ranges{padding:8px 10px;border:1px solid var(--bj-border);border-radius:10px;font-family:inherit;font-size:15px;background:#fff}.bjp-ranges{flex:1 1 100%;direction:ltr;text-align:right}
.bjp-go{width:100%;margin-top:16px;padding:15px;font-size:18px}.bjp-go:disabled{opacity:.5;cursor:not-allowed}
.bjp-bar{height:8px;border-radius:9px;background:var(--bj-bg);overflow:hidden;margin-top:14px}.bjp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bj-primary),var(--bj-accent));transition:width .3s}
.bjp-status{text-align:center;margin-top:10px;font-weight:600;color:var(--bj-dark);min-height:1.5em}
.bjp-out{text-align:center}.bjp-dl{display:inline-block;margin-top:10px;padding:13px 26px;text-decoration:none!important;color:#fff!important;font-size:17px}
.bjp-priv{text-align:center;font-size:14px;color:#047857;background:#ecfdf5;border-radius:10px;padding:8px 12px;margin:16px 0 0}
.bj-related{margin:40px 0 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(91,61,245,.06),rgba(6,182,212,.07));border:1px solid rgba(91,61,245,.18)}
.entry-content .bj-rel-h{border:0;padding:0;margin:0 0 14px;font-size:21px}
.bj-rel-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.entry-content a.bj-rel{display:block;background:#fff;border:1px solid var(--bj-border);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--bj-ink);transition:.2s}
.entry-content a.bj-rel:hover{border-color:var(--bj-primary);transform:translateY(-2px)}
.bj-rel-t{display:block;font-size:12.5px;color:var(--bj-muted);margin-bottom:4px}.bj-rel strong{font-size:16px;line-height:1.6;display:block}
/* PDF tools v2 */
.bjp-list.bjp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.bjp-cards li{flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:8px;position:relative}
.bjp-cards li.drag{opacity:.55;outline:2px dashed var(--bj-primary)}
.bjp-h{cursor:grab;touch-action:none;user-select:none;text-align:center;font-size:13px;color:var(--bj-muted);background:var(--bj-bg);border-radius:8px;padding:4px}
.bjp-th{display:block;height:150px;border-radius:8px;overflow:hidden;background:#eef0f7;border:1px solid var(--bj-border)}
.bjp-th img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.bjp-cards .bjp-fn{white-space:nowrap;font-size:13px}.bjp-cards .bjp-fs{font-size:12px}
.bjp-btns{display:flex;gap:4px;justify-content:center}
.bjp-modes{display:flex;flex-wrap:wrap;gap:8px 16px;flex:1 1 100%}
.bjp-every{width:64px;padding:4px 6px;border:1px solid var(--bj-border);border-radius:8px;font-family:inherit}
.bjp-pc{flex:1 1 100%;margin:0;font-size:14px;color:var(--bj-muted)}
.bjp-pages{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:420px;overflow:auto}
.bjp-pg{background:#fff!important;color:var(--bj-ink)!important;border:2px solid var(--bj-border)!important;border-radius:10px;padding:4px!important;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px!important}
.bjp-pg i,.bjp-pg img{display:block;width:100%;aspect-ratio:.72;background:#eef0f7;object-fit:contain}
.bjp-pg.on{border-color:var(--bj-primary)!important;box-shadow:0 0 0 3px rgba(91,61,245,.18)}
.bjp-pg.on span{color:var(--bj-primary);font-weight:700}
.bjp-chk{flex:1 1 100%;font-weight:600}
/* image tools */
.bji-list{list-style:none;margin:14px 0 0;padding:0}
.bji-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--bj-border);border-radius:12px;margin-bottom:8px;background:#fafbff}
.bji-th{flex:0 0 58px;height:58px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0/14px 14px}
.bji-th img{width:100%;height:100%;object-fit:cover;display:block}
.bji-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bji-info .bjp-fn{font-size:14px}
.bji-sz{font-size:13px;color:var(--bj-muted)}.bji-sz b{color:var(--bj-dark)}
.bji-sv{font-size:13px;font-weight:700}.bji-sv.ok{color:#047857}.bji-sv.no{color:#b45309}
.bji-list .bjp-btns{flex-direction:column}.bji-one{padding:4px 10px!important;font-size:14px!important;text-decoration:none!important;color:#fff!important}
.bji-ql{flex:1 1 100%}.bji-q{flex:1;accent-color:var(--bj-primary)}.bji-qv{min-width:44px;font-weight:700;color:var(--bj-primary)}