/* Sobol Prayer Widget + Page Styles (v1.1.4) */
.sobol-prayer-widget, .sobol-prayer-toast, .sobol-prayer-page, .sobol-qibla{
  font-family: "Tajawal", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Page */
.sobol-prayer-page{max-width:920px;margin:18px auto;padding:0 14px;}
.spp-title{font-size:34px;font-weight:900;margin:0 0 8px;letter-spacing:.2px;}
.spp-sub{margin:0 0 16px;opacity:.86;font-size:15px;line-height:1.7;}
.spp-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.spp-btn{border:1px solid rgba(212,175,55,.40);background:rgba(212,175,55,.14);color:#1a1a1a;padding:12px 16px;border-radius:14px;font-weight:900;cursor:pointer;font-size:14px;}
.spp-btn:hover{filter:brightness(1.02);}
.spp-hint{opacity:.85;font-size:13px;min-height:18px;}
.spp-hint:empty{display:none;}

.spp-table-wrap{border:1px solid rgba(0,0,0,.10);border-radius:16px;overflow:hidden;background:#fff;}
.spp-table{width:100%;border-collapse:collapse;}
.spp-table th,.spp-table td{padding:16px 16px;border-bottom:1px solid rgba(0,0,0,.08);font-size:16px;}
.spp-table th{background:rgba(212,175,55,.10);text-align:right;font-weight:900;}
.spp-table td{font-weight:700;}
.spp-table tbody tr:hover td{background:rgba(0,0,0,.02);}

.spp-nextbox{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.10);background:#fff;}
.spp-nextbox-title{font-weight:900;font-size:16px;}
.spp-nextbox-row{display:flex;justify-content:space-between;margin-top:10px;font-weight:900;font-size:18px;}
.spp-nextbox-count{margin-top:10px;opacity:.9;font-size:14px;font-weight:700;}

/* Qibla */
.sobol-qibla{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.10);background:#fff;}
.sq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.sq-title{font-weight:900;font-size:18px;}
.sq-btn{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03);padding:10px 14px;border-radius:14px;font-weight:900;cursor:pointer;font-size:13px;}
.sq-btn:hover{background:rgba(0,0,0,.06);}
.sq-body{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px;}
.sq-compass{position:relative;width:140px;height:140px;flex:0 0 auto;}
.sq-ring{position:absolute;inset:0;border-radius:999px;border:2px solid rgba(0,0,0,.12);background:radial-gradient(circle at 30% 20%, rgba(212,175,55,.10), rgba(0,0,0,0));}
.sq-center{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);background:#D4AF37;box-shadow:0 0 18px rgba(212,175,55,.45);}
.sq-arrow{position:absolute;left:50%;top:50%;width:68px;height:6px;transform-origin:0 50%;transform:translateY(-50%) rotate(0deg);background:linear-gradient(90deg, rgba(212,175,55,1), rgba(212,175,55,.2));border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.10);}
.sq-arrow:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:12px solid rgba(212,175,55,1);border-top:8px solid transparent;border-bottom:8px solid transparent;}
.sq-info{flex:1;min-width:240px;}
.sq-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.sq-label{font-weight:800;opacity:.75;}
.sq-value{font-weight:900;font-size:22px;}
.sq-note{margin-top:8px;opacity:.85;font-size:13px;line-height:1.7;}
.sq-status{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);font-size:13px;line-height:1.7;}

/* Floating Widget */
.sobol-prayer-widget{position:fixed;right:18px;bottom:18px;width:360px;max-width:calc(100vw - 36px);background:rgba(18,18,18,.93);color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.40);overflow:hidden;z-index:999999;backdrop-filter:blur(10px);}
.spw-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;background:linear-gradient(90deg, rgba(212,175,55,.24), rgba(255,255,255,.03));border-bottom:1px solid rgba(255,255,255,.08);}
.spw-title{display:flex;align-items:center;gap:10px;font-weight:900;}
.spw-dot{width:10px;height:10px;border-radius:999px;background:#D4AF37;box-shadow:0 0 18px rgba(212,175,55,.7);}
.spw-brand{font-size:14px;letter-spacing:.2px;}
.spw-close{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:18px;line-height:1;}
.spw-close:hover{background:rgba(255,255,255,.10);}
.spw-body{padding:12px;}
.spw-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);}
.spw-card-label{opacity:.92;font-size:13px;}
.spw-card-name{font-size:24px;font-weight:900;margin-top:8px;letter-spacing:.2px;}
.spw-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;opacity:.98;}
.spw-card-time{font-size:15px;font-weight:900;}
.spw-card-count{font-size:14px;font-weight:700;opacity:.95;}
.spw-actions{display:flex;gap:10px;margin-top:12px;}
.spw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 12px;border-radius:16px;text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,.12);font-weight:900;font-size:14px;flex:1;user-select:none;}
.spw-btn-primary{background:linear-gradient(135deg, rgba(212,175,55,.98), rgba(220,185,80,.88));color:#1a1a1a;border-color:rgba(212,175,55,.50);}
.spw-btn-primary:hover{filter:brightness(1.03);}
.spw-btn-ghost{background:rgba(255,255,255,.06);color:#fff;}
.spw-btn-ghost:hover{background:rgba(255,255,255,.10);}
.spw-note{margin-top:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:13px;line-height:1.7;opacity:.95;}

/* Toast */
.sobol-prayer-toast{position:fixed;right:18px;bottom:400px;width:360px;max-width:calc(100vw - 36px);background:rgba(10,10,10,.92);border:1px solid rgba(212,175,55,.45);border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.40);z-index:999999;display:flex;gap:12px;align-items:flex-start;padding:12px 12px;color:#fff;backdrop-filter:blur(10px);}
.spt-ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.28);font-size:18px;}
.spt-title{font-weight:900;font-size:14px;}
.spt-msg{margin-top:4px;font-size:14px;opacity:.95;line-height:1.5;}
.spt-close{margin-left:auto;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:18px;line-height:1;}
.spt-close:hover{background:rgba(255,255,255,.10);}

@media (max-width: 520px){
  .spp-title{font-size:28px;}
  .spp-table th,.spp-table td{font-size:15px;padding:14px 14px;}
  .sobol-prayer-widget,.sobol-prayer-toast{right:12px;width:calc(100vw - 24px);}
  .sobol-prayer-toast{bottom:360px;}
  .sq-compass{width:128px;height:128px;}
}