.sa-hijri-converter{--hg:#0f766e;--hg-dark:#064e4a;--hg-soft:#ecfdf5;--hg-ink:#172b34;display:grid;gap:18px;font-family:"Alexandria","Tajawal",sans-serif;color:var(--hg-ink)}
.sa-hijri-converter *{box-sizing:border-box}.sa-hijri-converter button,.sa-hijri-converter input,.sa-hijri-converter select{font:inherit}.sa-hijri-intro{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:clamp(20px,4vw,32px);border:1px solid #c9e8e3;border-radius:26px;background:radial-gradient(circle at 4% 0,rgba(45,212,191,.15),transparent 33%),linear-gradient(135deg,#fff,#f0fdfa);box-shadow:0 18px 52px rgba(15,118,110,.09)}
.sa-hijri-intro:after{content:"";position:absolute;inset-inline-end:-70px;inset-block-end:-100px;width:210px;aspect-ratio:1;border-radius:50%;background:rgba(20,184,166,.07)}.sa-hijri-intro__main{position:relative;z-index:1;display:flex;align-items:center;gap:17px;min-width:0}.sa-hijri-intro__icon{display:grid;place-items:center;flex:0 0 auto;width:72px;aspect-ratio:1;border-radius:22px;background:linear-gradient(145deg,var(--hg-dark),var(--hg));color:#fff!important;font-size:33px;box-shadow:0 14px 32px rgba(15,118,110,.25)}.sa-hijri-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--hg)!important;font-size:12px;font-weight:900}.sa-hijri-intro h3{margin:5px 0 7px;color:#15333b!important;font-size:clamp(22px,3vw,32px);line-height:1.35}.sa-hijri-intro p{max-width:720px;margin:0;color:#526774!important;font-size:14px;line-height:1.9}
.sa-hijri-intro__trust{position:relative;z-index:1;display:grid;gap:8px;min-width:210px}.sa-hijri-intro__trust>span{display:grid;grid-template-columns:35px 1fr;gap:1px 9px;align-items:center;padding:10px 11px;border:1px solid #cfe7e3;border-radius:14px;background:rgba(255,255,255,.84)}.sa-hijri-intro__trust i{grid-row:1/3;display:grid;place-items:center;width:35px;aspect-ratio:1;border-radius:10px;background:#ccfbf1;color:#0f766e}.sa-hijri-intro__trust b{color:#183a3d;font-size:12px}.sa-hijri-intro__trust small{color:#60737e;font-size:11px}
.sa-hijri-alert{display:flex;gap:12px;padding:16px;border:1px solid #fecaca;border-radius:15px;background:#fff1f2;color:#991b1b}.sa-hijri-alert strong,.sa-hijri-alert p{display:block;margin:0}.sa-hijri-alert p{margin-top:3px;font-size:13px}.sa-hijri-form{padding:clamp(17px,3vw,26px);border:1px solid #d9e5e5;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.05)}.sa-hijri-form__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sa-hijri-form__head>span{display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:14px;background:var(--hg);color:#fff;font-size:18px;font-weight:900}.sa-hijri-form__head h3,.sa-hijri-form__head p{margin:0}.sa-hijri-form__head h3{color:#15333b;font-size:18px}.sa-hijri-form__head p{margin-top:3px;color:#657782;font-size:12px}.sa-hijri-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sa-hijri-date-grid label{display:grid;gap:8px}.sa-hijri-date-grid label>span{color:#293f48;font-size:13px;font-weight:900}.sa-hijri-date-grid select,.sa-hijri-date-grid input{width:100%;min-height:56px;padding:0 14px;border:1px solid #cfdcde;border-radius:14px;outline:0;background:#fbfdfd;color:#172b34;font-size:15px}.sa-hijri-date-grid select:focus,.sa-hijri-date-grid input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.13)}.sa-hijri-presets{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0}.sa-hijri-presets button,.sa-hijri-presets a{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfe0db;border-radius:12px;background:#f0fdfa;color:#0b6b64!important;cursor:pointer;font-size:12px;font-weight:800}.sa-hijri-submit{width:100%;min-height:57px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--hg-dark),var(--hg));color:#fff!important;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(15,118,110,.2)}
.sa-hijri-result{overflow:hidden;margin-top:2px;border:1px solid #cfe1df;border-radius:25px;background:#fff;box-shadow:0 18px 48px rgba(15,118,110,.09)}.sa-hijri-result>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:clamp(19px,4vw,28px);background:radial-gradient(circle at 5% 0,rgba(94,234,212,.22),transparent 37%),linear-gradient(135deg,#043f3c,#0f766e);color:#fff!important}.sa-hijri-result>header *{color:#fff!important}.sa-hijri-result__kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;opacity:.9}.sa-hijri-result h3{margin:6px 0 4px;color:#fff!important;font-size:clamp(23px,4vw,34px);line-height:1.35}.sa-hijri-result header p{margin:0;color:#d5f5ef!important;font-size:13px}.sa-hijri-result__actions{display:flex;gap:8px;flex-wrap:wrap}.sa-hijri-result__actions button{min-height:43px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.12);color:#fff!important;cursor:pointer;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.sa-hijri-result__actions button:hover{background:#fff;color:#064e4a!important}.sa-hijri-primary-card{display:grid;place-items:center;padding:26px;text-align:center;background:linear-gradient(180deg,#ecfdf5,#fff)}.sa-hijri-primary-card small{color:#5d717a;font-size:12px}.sa-hijri-primary-card strong{margin:6px 0;color:#086961;font-size:clamp(23px,4vw,31px)}.sa-hijri-primary-card em{direction:ltr;color:#63737c;font-size:14px;font-style:normal}.sa-hijri-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:0 19px 19px}.sa-hijri-detail-grid article{display:grid;gap:4px;padding:15px;border:1px solid #dce7e7;border-radius:15px;background:#fff}.sa-hijri-detail-grid article>span{color:#0f766e;font-size:22px}.sa-hijri-detail-grid small{color:#687a84;font-size:12px}.sa-hijri-detail-grid strong{color:#20484a;font-size:14px;line-height:1.6}.sa-hijri-result-list{overflow:hidden;margin:0 19px 19px;border:1px solid #dce6e6;border-radius:16px}.sa-hijri-result-list div{display:grid;grid-template-columns:minmax(180px,35%) 1fr;gap:14px;padding:14px 16px;border-bottom:1px solid #e9efef}.sa-hijri-result-list div:nth-child(odd){background:#fbfdfd}.sa-hijri-result-list div:last-child{border-bottom:0}.sa-hijri-result-list dt{color:#60727b;font-size:12px;font-weight:800}.sa-hijri-result-list dd{margin:0;color:#213a42;font-size:13px;font-weight:800}.sa-hijri-method-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534!important;font-size:11px}.sa-hijri-note{display:flex;gap:10px;margin:0 19px 19px;padding:14px;border-radius:14px;background:#fff7ed;color:#9a3412}.sa-hijri-note p{margin:0;color:inherit!important;font-size:12px;line-height:1.8}
.sa-hijri-related{padding:20px;border:1px solid #dbe5e6;border-radius:22px;background:#fff}.sa-hijri-related>header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.sa-hijri-related>header>span{display:grid;place-items:center;width:44px;aspect-ratio:1;border-radius:14px;background:#ccfbf1;color:#0f766e}.sa-hijri-related h3,.sa-hijri-related small{display:block;margin:0}.sa-hijri-related header small{color:#0f766e;font-size:11px;font-weight:800}.sa-hijri-related header h3{margin-top:2px;color:#233a43;font-size:17px}.sa-hijri-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-hijri-related a{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #d9e6e6;border-radius:15px;background:#fbfdfd;color:#20373f!important}.sa-hijri-related a>i{display:grid;place-items:center;width:44px;aspect-ratio:1;border-radius:13px;background:#ecfdf5;color:#0f766e}.sa-hijri-related a strong,.sa-hijri-related a small{display:block}.sa-hijri-related a strong{font-size:13px}.sa-hijri-related a small{margin-top:3px;color:#667982;font-size:11px}.sa-hijri-related a>b{color:#0f766e;font-size:11px}
[data-theme="dark"] .sa-hijri-intro,[data-theme="dark"] .sa-hijri-form,[data-theme="dark"] .sa-hijri-result,[data-theme="dark"] .sa-hijri-detail-grid article,[data-theme="dark"] .sa-hijri-related,[data-theme="dark"] .sa-hijri-related a{border-color:#334a4e;background:#121c22;color:#edf7f5}[data-theme="dark"] .sa-hijri-intro h3,[data-theme="dark"] .sa-hijri-form__head h3,[data-theme="dark"] .sa-hijri-date-grid label>span,[data-theme="dark"] .sa-hijri-detail-grid strong,[data-theme="dark"] .sa-hijri-result-list dd,[data-theme="dark"] .sa-hijri-related h3,[data-theme="dark"] .sa-hijri-related a{color:#eefaf8!important}[data-theme="dark"] .sa-hijri-date-grid select,[data-theme="dark"] .sa-hijri-date-grid input{border-color:#3c5055;background:#17242a;color:#fff}[data-theme="dark"] .sa-hijri-primary-card{background:linear-gradient(180deg,#112c28,#121c22)}[data-theme="dark"] .sa-hijri-result-list{border-color:#34474c}[data-theme="dark"] .sa-hijri-result-list div{border-color:#314247;background:#111b21}[data-theme="dark"] .sa-hijri-related a>i{background:#12332f}
@media(max-width:860px){.sa-hijri-intro{grid-template-columns:1fr}.sa-hijri-intro__trust{grid-template-columns:1fr 1fr}.sa-hijri-related>div{grid-template-columns:1fr}.sa-hijri-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sa-hijri-converter{gap:14px}.sa-hijri-intro{padding:18px;border-radius:20px}.sa-hijri-intro__main{align-items:flex-start}.sa-hijri-intro__icon{width:56px;border-radius:17px;font-size:25px}.sa-hijri-intro__trust{grid-template-columns:1fr}.sa-hijri-date-grid{grid-template-columns:1fr}.sa-hijri-result>header{align-items:stretch;display:grid}.sa-hijri-result__actions{display:grid;grid-template-columns:1fr 1fr}.sa-hijri-result__actions button{width:100%}.sa-hijri-result-list div{grid-template-columns:1fr;gap:5px}.sa-hijri-presets{display:grid}.sa-hijri-presets>*{width:100%}.sa-hijri-related{padding:15px}.sa-hijri-related a{grid-template-columns:42px 1fr}.sa-hijri-related a>b{display:none}}
@media(max-width:420px){.sa-hijri-intro__main{display:grid}.sa-hijri-detail-grid{grid-template-columns:1fr;padding:0 14px 14px}.sa-hijri-result-list,.sa-hijri-note{margin-inline:14px}.sa-hijri-primary-card{padding:22px 12px}.sa-hijri-result__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sa-hijri-converter *{scroll-behavior:auto!important;transition:none!important}}