/*
 * ICOSF Prayer Times — client-supplied design (prayer-times-section_4.html).
 * All selectors scoped to #masjid-prayer-times so nothing leaks into the theme.
 */

#masjid-prayer-times{
      --pt-green:#0E3325;
      --pt-gold:#8A6A1F;
      --pt-green-soft:rgba(14,51,37,.58);
      --pt-gold-soft:rgba(138,106,31,.62);
      --pt-cream:#faf4e8;
      --pt-panel:#edf1eb;
      --pt-hair:rgba(14,51,37,.10);
      --pt-panel-border:rgba(14,51,37,.11);
      --pt-jum-bg:#f5f1e6;
      --pt-jum-border:rgba(138,106,31,.40);
      --pt-serif:'Amiri','Scheherazade New',Georgia,'Times New Roman',serif;
      --pt-sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
      box-sizing:border-box;max-width:640px;width:100%;margin:0 auto;
      padding:clamp(20px,3.5vw,36px) clamp(18px,3vw,32px);
      background:var(--pt-cream);border-radius:18px;color:var(--pt-green);
      font-family:var(--pt-sans);line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased;
    }
    #masjid-prayer-times *{box-sizing:border-box;}

    #masjid-prayer-times .pt-head{text-align:center;margin:0 0 4px;}
    #masjid-prayer-times .pt-eyebrow{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--pt-gold);}
    #masjid-prayer-times .pt-title{margin:0;font-family:var(--pt-serif);font-weight:700;font-size:clamp(30px,4.6vw,44px);line-height:1.05;color:var(--pt-green);}
    #masjid-prayer-times .pt-date-greg{margin:10px 0 0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--pt-green-soft);}
    #masjid-prayer-times .pt-date-hijri{margin:3px 0 0;font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pt-gold);}

    #masjid-prayer-times .pt-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px auto 4px;max-width:220px;}
    #masjid-prayer-times .pt-divider .pt-line{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(14,51,37,0),rgba(14,51,37,.7));}
    #masjid-prayer-times .pt-divider .pt-line.pt-line-r{background:linear-gradient(90deg,rgba(138,106,31,.85),rgba(138,106,31,0));}
    #masjid-prayer-times .pt-diamond{width:8px;height:8px;transform:rotate(45deg);background:var(--pt-gold);flex:0 0 auto;}

    #masjid-prayer-times .pt-panel{margin-top:20px;padding:clamp(14px,2.6vw,22px) clamp(16px,3vw,26px);background:var(--pt-panel);border:1px solid var(--pt-panel-border);border-radius:14px;box-shadow:0 10px 30px -20px rgba(14,51,37,.32);}

    /* top strip: countdown + current time */
    #masjid-prayer-times .pt-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px;}
    #masjid-prayer-times .pt-next-pill{display:inline-flex;align-items:baseline;gap:8px;padding:7px 14px;border:1px solid var(--pt-jum-border);background:rgba(138,106,31,.07);border-radius:999px;}
    #masjid-prayer-times .pt-next-lead{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--pt-gold);}
    #masjid-prayer-times .pt-next-name{font-size:14px;font-weight:700;color:var(--pt-green);}
    #masjid-prayer-times .pt-countdown{font-size:15px;font-weight:700;color:var(--pt-gold);font-variant-numeric:tabular-nums;letter-spacing:.02em;}
    #masjid-prayer-times .pt-clockwrap{display:inline-flex;align-items:baseline;gap:8px;}
    #masjid-prayer-times .pt-clock-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--pt-gold);}
    #masjid-prayer-times .pt-clock{font-size:15px;font-weight:700;color:var(--pt-green);font-variant-numeric:tabular-nums;}

    #masjid-prayer-times table.pt-table{width:100%;border-collapse:collapse;margin:0;}
    #masjid-prayer-times table.pt-table th,#masjid-prayer-times table.pt-table td{padding:0;border:0;background:none;vertical-align:middle;}
    #masjid-prayer-times thead th{padding:2px 0 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pt-gold);text-align:right;white-space:nowrap;}
    #masjid-prayer-times thead th.pt-th-name{text-align:left;}
    #masjid-prayer-times thead th.pt-th-adhan{color:rgba(138,106,31,.62);font-weight:600;}
    #masjid-prayer-times thead th.pt-th-iqamah{color:var(--pt-gold);font-weight:800;}
    #masjid-prayer-times tbody tr{border-top:1px solid var(--pt-hair);}
    #masjid-prayer-times tbody td{padding:13px 0;transition:background .3s ease;}

    #masjid-prayer-times td.pt-name .pt-en{display:block;font-size:clamp(16px,2.4vw,19px);font-weight:700;letter-spacing:.01em;color:var(--pt-green);}
    #masjid-prayer-times td.pt-name .pt-ar{display:block;margin-top:1px;font-family:var(--pt-serif);font-size:clamp(16px,2.5vw,20px);font-weight:400;color:var(--pt-green-soft);direction:rtl;}

    #masjid-prayer-times td.pt-time{text-align:right;white-space:nowrap;padding-left:16px;font-variant-numeric:tabular-nums;}
    #masjid-prayer-times td.pt-time .pt-t{font-size:clamp(21px,3.4vw,27px);font-weight:700;letter-spacing:.01em;color:var(--pt-gold);}
    #masjid-prayer-times td.pt-time .pt-mer{margin-left:4px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--pt-gold-soft);}
    /* Adhan = quiet reference time */
    #masjid-prayer-times td.pt-adhan .pt-t{font-size:clamp(18px,2.9vw,23px);font-weight:600;color:rgba(138,106,31,.72);}
    #masjid-prayer-times td.pt-adhan .pt-mer{color:rgba(138,106,31,.5);}
    /* Iqamah = the key time: larger, bolder, in a gold chip */
    #masjid-prayer-times td.pt-iqama .pt-t{font-size:clamp(22px,3.7vw,29px);font-weight:800;}
    #masjid-prayer-times td.pt-iqama .pt-chip{display:inline-flex;align-items:baseline;gap:2px;padding:4px 12px;border-radius:9px;background:rgba(138,106,31,.10);border:1px solid rgba(138,106,31,.34);}

    /* highlight the current / next prayer */
    #masjid-prayer-times tr.pt-now td{background:rgba(138,106,31,.11);}

    #masjid-prayer-times .pt-jumuah{margin-top:16px;padding:15px clamp(16px,3vw,22px);background:var(--pt-jum-bg);border:1px solid var(--pt-jum-border);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;}
    #masjid-prayer-times .pt-jumuah .pt-j-name .pt-en{display:block;font-size:clamp(16px,2.4vw,19px);font-weight:700;color:var(--pt-green);letter-spacing:.01em;}
    #masjid-prayer-times .pt-jumuah .pt-j-name .pt-ar{display:block;margin-top:1px;font-family:var(--pt-serif);font-size:clamp(16px,2.5vw,20px);color:var(--pt-gold);direction:rtl;}
    #masjid-prayer-times .pt-jumuah .pt-j-times{display:flex;gap:26px;font-variant-numeric:tabular-nums;}
    #masjid-prayer-times .pt-jumuah .pt-j-block{text-align:right;}
    #masjid-prayer-times .pt-jumuah .pt-j-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--pt-gold);margin-bottom:3px;}
    #masjid-prayer-times .pt-jumuah .pt-j-time{font-size:clamp(18px,3vw,22px);font-weight:700;color:var(--pt-gold);}
    #masjid-prayer-times .pt-jumuah .pt-j-time .pt-mer{margin-left:3px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--pt-gold-soft);}

    #masjid-prayer-times .pt-note{margin:16px 0 0;font-size:12.5px;color:var(--pt-green-soft);text-align:center;}

    @media (max-width:460px){
      #masjid-prayer-times .pt-strip{justify-content:center;}
      #masjid-prayer-times td.pt-time{padding-left:10px;}
      #masjid-prayer-times .pt-jumuah .pt-j-times{gap:16px;}
      #masjid-prayer-times td.pt-iqama .pt-chip{padding:3px 9px;}
    }

/* ============================================================
   THEME ARMOR
   main.css sets `html body p` and `html body h2` font sizes with
   !important. A non-!important declaration loses to those no matter
   how specific it is, so the widget's own type scale is restated
   here with !important. These selectors carry an id, so they outrank
   the theme's element-level rules among !important declarations.
   Values are identical to the block above — nothing is redesigned.
   ============================================================ */
#masjid-prayer-times .pt-eyebrow{
  font-size:12.5px !important;line-height:1.4 !important;font-weight:700 !important;margin:0 0 8px !important;
}
#masjid-prayer-times .pt-title{
  font-size:clamp(30px,4.6vw,44px) !important;line-height:1.05 !important;font-weight:700 !important;
  margin:0 !important;font-family:var(--pt-serif) !important;color:var(--pt-green) !important;
  background:none !important;-webkit-text-fill-color:var(--pt-green) !important;
}
#masjid-prayer-times .pt-date-greg{
  font-size:13px !important;line-height:1.4 !important;font-weight:600 !important;margin:10px 0 0 !important;
}
#masjid-prayer-times .pt-date-hijri{
  font-size:13.5px !important;line-height:1.4 !important;font-weight:700 !important;margin:3px 0 0 !important;
}
#masjid-prayer-times .pt-note{
  font-size:12.5px !important;line-height:1.5 !important;margin:16px 0 0 !important;
}
/* Table cells: the theme's global `p`/`h2` rules don't reach these, but the
   widget's sizes are restated so a future global type rule can't shift them. */
#masjid-prayer-times td.pt-name .pt-en{font-size:clamp(16px,2.4vw,19px) !important;}
#masjid-prayer-times td.pt-name .pt-ar{font-size:clamp(16px,2.5vw,20px) !important;}
#masjid-prayer-times td.pt-adhan .pt-t{font-size:clamp(18px,2.9vw,23px) !important;}
#masjid-prayer-times td.pt-iqama .pt-t{font-size:clamp(22px,3.7vw,29px) !important;}
#masjid-prayer-times .pt-jumuah .pt-j-time{font-size:clamp(18px,3vw,22px) !important;}
/* The theme centres text inside some sections; this block lays itself out. */
#masjid-prayer-times{text-align:left !important;}
#masjid-prayer-times .pt-head{text-align:center !important;}
#masjid-prayer-times .pt-note{text-align:center !important;}