.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* PERKHIDMATAN SPR - panel bertindih (Sawangville) */
.elementor-element-2c94794{position:relative;z-index:60;padding-top:50px}
.elementor-element-2c94794 > .e-con-inner{position:relative;z-index:20;background:#fff;border-radius:20px;padding:30px 34px 34px;margin-top:0;box-shadow:0 2px 4px rgba(30,23,25,.06),0 30px 70px -34px rgba(30,23,25,.45)}
.elementor-element-4078b57{width:100%!important;max-width:none!important;--width:100%!important;border-bottom:1px solid #EAE1E2;padding-bottom:18px!important;margin-bottom:24px!important}
.elementor-element-4078b57 .elementor-heading-title{font-family:Montserrat,sans-serif!important;font-weight:700!important;font-size:21px!important;color:#1E1719!important;text-align:left!important;letter-spacing:-.005em!important}
.elementor-element-01de0a2{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0 26px!important;align-items:stretch!important;width:100%!important;max-width:none!important;--width:100%!important}
.elementor-element-01de0a2 > .e-con{position:relative!important;display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;--width:100%!important;flex:none!important;height:100%!important;min-height:0!important;padding:194px 0 0!important;row-gap:0!important;justify-content:flex-start!important;background-size:cover!important;background-position:center 32%!important;background-color:transparent!important;border-radius:12px 12px 0 0!important;overflow:hidden!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.22,.61,.36,1),background-position .55s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease!important}
.elementor-element-01de0a2 > .e-con:hover{transform:translateY(-6px)!important;background-position:center 26%!important;box-shadow:0 14px 32px -20px rgba(30,23,25,.5)!important}
.elementor-element-01de0a2 > .e-con::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:194px!important;bottom:0!important;height:auto!important;background:#fff!important;background-image:none!important;opacity:1!important;border-radius:0!important;z-index:0!important;box-shadow:none!important}
.elementor-element-01de0a2 > .e-con::after{position:absolute;left:11px;top:11px;z-index:3;width:27px;height:27px;border-radius:7px;background:rgba(255,255,255,.94);color:#6B0D13;font:700 11px/27px Montserrat,sans-serif;text-align:center;letter-spacing:.02em;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.elementor-element-d753e82::after{content:"01"}
.elementor-element-7192fc6::after{content:"02"}
.elementor-element-1dce16b::after{content:"03"}
.elementor-element-2f2f169::after{content:"04"}
.elementor-element-01de0a2 > .e-con .elementor-widget-image{display:none!important}
.elementor-element-01de0a2 > .e-con .elementor-widget-heading{position:relative;z-index:2;width:100%!important;padding:10px 10px 0!important;margin:0!important}
.elementor-element-01de0a2 > .e-con .elementor-heading-title{font-family:Montserrat,sans-serif!important;font-weight:700!important;font-size:15px!important;line-height:1.28!important;color:#1E1719!important;text-align:left!important;text-shadow:none!important}
.elementor-element-01de0a2 > .e-con .elementor-widget-button{position:relative;z-index:2;width:100%!important;margin-top:auto!important;padding:10px 10px 10px!important;text-align:left!important}
.elementor-element-01de0a2 > .e-con .elementor-button{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;font-family:Montserrat,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#6B0D13!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
.elementor-element-01de0a2 > .e-con .elementor-button::after{content:"\2192";display:inline-block;transition:transform .25s ease}
.elementor-element-01de0a2 > .e-con:hover .elementor-button::after{transform:translateX(5px)}
@media(max-width:980px){.elementor-element-01de0a2{grid-template-columns:repeat(2,1fr)!important;gap:26px!important}.elementor-element-2c94794{padding-top:32px}.elementor-element-2c94794 > .e-con-inner{padding:24px 20px 26px}}
@media(max-width:560px){.elementor-element-01de0a2{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.elementor-element-01de0a2 > .e-con{transition:none!important}}

/* ===== AKTIVITI TERKINI ===== */
.elementor-element-b7d0969{padding:50px 0 0!important}
.elementor-element-8d0f24b{width:100%!important;max-width:none!important;--width:100%!important;padding:0!important}
.spr-news{max-width:1280px;margin:0 auto;padding:0;background:transparent;font-family:Montserrat,sans-serif}
.spr-news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.spr-news-heading{font-family:Montserrat,sans-serif;font-weight:700;font-size:19px;line-height:1.2;
 color:#1E1719;margin:0;text-transform:uppercase;letter-spacing:-.005em;position:relative;padding-left:14px}
.spr-news-heading::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:19px;border-radius:2px;background:#6B0D13}
.spr-news-all{font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#6B0D13;
 text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.spr-news-all span{transition:transform .25s ease;display:inline-block}
.spr-news-all:hover span{transform:translateX(5px)}
.spr-news-all:focus-visible{outline:2px solid #6B0D13;outline-offset:3px;border-radius:3px}
.spr-news-grid{display:grid;grid-template-columns:1.32fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.spr-news-card{position:relative;overflow:hidden;border-radius:10px;min-height:196px;
 display:flex;align-items:flex-end;text-decoration:none;background:#1A1618;
 background-size:cover;background-position:center;
 transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease}
.spr-news-card--lead{grid-row:1/span 2;grid-column:1;min-height:404px}
.spr-news-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px rgba(10,10,12,.7)}
.spr-news-card:focus-visible{outline:2px solid #6B0D13;outline-offset:3px}
.spr-news-card--noimg{background:#211D1F url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23837377' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.6'/%3E%3Cpath d='M21 15.5l-5-5L5 19'/%3E%3C/svg%3E") center/34px 34px no-repeat}
.spr-news-scrim{position:absolute;inset:0;
 background:linear-gradient(to top,rgba(10,10,12,.95) 0%,rgba(12,12,15,.64) 46%,rgba(14,14,18,.16) 80%,rgba(14,14,18,0) 100%)}
.spr-news-body{position:relative;z-index:1;width:100%;padding:16px 18px 15px;display:flex;flex-direction:column;gap:7px}
.spr-news-card--lead .spr-news-body{padding:28px 30px 26px;gap:10px}
.spr-news-chip{align-self:flex-start;font-weight:700;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
 background:#C9A227;color:#241505;padding:5px 9px;border-radius:4px;line-height:1}
.spr-news-card--lead .spr-news-chip{font-size:10.5px;padding:6px 11px}
.spr-news-title{font-weight:700;font-size:13px;line-height:1.34;color:#fff;letter-spacing:.008em}
.spr-news-card--lead .spr-news-title{font-size:24px;line-height:1.22;letter-spacing:-.005em}
.spr-news-date{font-weight:500;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.74)}
.spr-news-card--lead .spr-news-date{font-size:11.5px}
@media(max-width:980px){
 .elementor-element-b7d0969{padding:32px 0 0!important}
 .spr-news{padding:0}
 .spr-news-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .spr-news-card--lead{grid-column:1/-1;grid-row:auto;min-height:260px}}
@media(max-width:560px){.spr-news-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.spr-news-card{transition:none}}

/* ===== ARKIB AKTIVITI SEMASA ===== */
.elementor-widget-loop-grid .elementor-grid{gap:16px!important}
.elementor-widget-loop-grid [data-elementor-type="loop-item"] > .elementor-element-e3387a6{
 background:#fff!important;border:1px solid #EAE1E2!important;border-radius:12px!important;overflow:hidden!important;
 height:100%!important;display:flex!important;flex-direction:column!important;padding:0 0 14px!important;gap:0!important;
 transition:transform .3s cubic-bezier(.22,.61,.36,1),border-color .3s ease,box-shadow .3s ease!important}
.elementor-widget-loop-grid [data-elementor-type="loop-item"] > .elementor-element-e3387a6:hover{
 transform:translateY(-3px)!important;border-color:#6B0D13!important;box-shadow:0 14px 30px -20px rgba(30,23,25,.45)!important}
.elementor-widget-loop-grid .elementor-widget-theme-post-featured-image{width:100%!important;margin:0!important}
.elementor-widget-loop-grid .elementor-widget-theme-post-featured-image img{
 width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;display:block!important;border-radius:0!important}
.elementor-widget-loop-grid .elementor-widget-theme-post-title{padding:14px 16px 0!important;margin:0!important}
.elementor-widget-loop-grid .elementor-widget-theme-post-title .elementor-heading-title{
 font-family:Montserrat,sans-serif!important;font-weight:700!important;font-size:14px!important;line-height:1.4!important;
 letter-spacing:.01em!important;color:#1E1719!important;
 display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.elementor-widget-loop-grid .elementor-widget-theme-post-title a{color:inherit!important;text-decoration:none!important}
.elementor-widget-loop-grid .elementor-widget-dyncontel-excerpt{padding:8px 16px 0!important;margin:0!important}
.elementor-widget-loop-grid .elementor-widget-dyncontel-excerpt p{
 font-family:'Source Sans 3',system-ui,sans-serif!important;font-size:12.5px!important;line-height:1.5!important;
 color:#6B5C5F!important;margin:0!important;
 display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.elementor-widget-loop-grid .elementor-widget-post-info{padding:8px 16px 0!important;margin:0!important;margin-top:auto!important}
.elementor-widget-loop-grid .elementor-widget-post-info .elementor-icon-list-text,
.elementor-widget-loop-grid .elementor-widget-post-info time{
 font-family:Montserrat,sans-serif!important;font-size:11.5px!important;color:#8A797C!important;letter-spacing:.03em!important}
.elementor-widget-loop-grid .elementor-widget-post-info .elementor-icon-list-icon svg,
.elementor-widget-loop-grid .elementor-widget-post-info .elementor-icon-list-icon i{color:#B9A6A9!important;font-size:11px!important}
@media(prefers-reduced-motion:reduce){
 .elementor-widget-loop-grid [data-elementor-type="loop-item"] > .elementor-element-e3387a6{transition:none!important}}

/* ===== MOBILE: header ringkas + menu off-canvas ===== */
@media (max-width: 767px) {
  .elementor-element-2ffdeb74 { position: relative; }

  .elementor-widget-nav-menu.elementor-hidden-desktop .elementor-menu-toggle {
    position: relative !important;
    z-index: 10001 !important;
    margin-left: auto;
    border-radius: 8px;
  }

  /* Panel off-canvas */
  .elementor-widget-nav-menu.elementor-hidden-desktop nav.elementor-nav-menu--dropdown {
    position: fixed !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important; right: 0 !important; bottom: 0 !important; left: auto !important;
    width: min(86vw, 340px) !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 104px 0 122px !important;
    overflow-y: auto !important;
    background: #fff !important;
    box-shadow: -18px 0 44px -22px rgba(30,23,25,.6) !important;
    border-radius: 0 !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s linear .32s;
    z-index: 9990 !important;
  }
  .elementor-widget-nav-menu.elementor-hidden-desktop:has(.elementor-menu-toggle[aria-expanded="true"]) nav.elementor-nav-menu--dropdown {
    transform: translateX(0) !important;
    visibility: visible !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s;
  }
  body:has(.elementor-widget-nav-menu.elementor-hidden-desktop .elementor-menu-toggle[aria-expanded="true"])::after {
    content: ""; position: fixed; inset: 0; background: rgba(20,14,16,.45); z-index: 9980;
  }

  .elementor-widget-nav-menu.elementor-hidden-desktop nav.elementor-nav-menu--dropdown .elementor-item {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    letter-spacing: .02em !important;
  }
  .elementor-widget-nav-menu.elementor-hidden-desktop nav.elementor-nav-menu--dropdown .elementor-sub-item { padding-left: 38px !important; }

  /* Logo PPN dilabuh di kepala panel */
  .elementor-element-a7b3c91 {
    position: fixed !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important; right: 0 !important; left: auto !important; bottom: auto !important;
    width: min(86vw, 340px) !important;
    padding: 16px 60px 16px 20px !important;
    margin: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #EAE1E2 !important;
    text-align: left !important;
    z-index: 9992 !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s linear .32s;
  }
  .elementor-element-a7b3c91 img { width: 100% !important; max-width: 210px !important; height: auto !important; }

  /* Empat pautan pantas dilabuh di kaki panel */
  .elementor-element-2d341d40 {
    position: fixed !important;
    bottom: 0 !important; right: 0 !important; left: auto !important; top: auto !important;
    width: min(86vw, 340px) !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2px !important;
    align-items: end !important;
    padding: 12px 8px !important;
    margin: 0 !important;
    background: #fff !important;
    border-top: 1px solid #EAE1E2 !important;
    z-index: 9992 !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s linear .32s;
  }
  .elementor-element-2d341d40 > .elementor-element {
    width: auto !important; max-width: none !important; --width: 100% !important; margin: 0 !important;
  }
  .elementor-element-2d341d40 .elementor-icon-box-icon img,
  .elementor-element-2d341d40 .elementor-icon-box-icon svg { width: 34px !important; height: auto !important; }
  .elementor-element-2d341d40 .elementor-icon-box-title,
  .elementor-element-2d341d40 .elementor-icon-box-title a { font-size: 8.5px !important; line-height: 1.2 !important; letter-spacing: 0 !important; }

  .elementor-element-20be0ed9:has(.elementor-menu-toggle[aria-expanded="true"]) .elementor-element-a7b3c91,
  .elementor-element-20be0ed9:has(.elementor-menu-toggle[aria-expanded="true"]) .elementor-element-2d341d40 {
    transform: translateX(0) !important;
    visibility: visible !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s;
  }

  /* Logo: nisbah dikunci supaya tinggi header sama untuk semua negeri */
  .elementor-element-2ded3122 img, .elementor-element-a7b3c91 img {
    aspect-ratio: 928 / 148 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Halaman posting tunggal (tema Kadence) */
  body.single-post .site-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.single-post .entry-content.single-content { padding-left: 0 !important; padding-right: 0 !important; }
  body.single-post .entry-title {
    font-size: 20px !important;
    line-height: 1.32 !important;
    letter-spacing: -.005em !important;
  }
  body.single-post .entry-content.single-content p,
  body.single-post .entry-content.single-content li {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }
  body.single-post .entry-content.single-content h2 { font-size: 18px !important; line-height: 1.35 !important; }
  body.single-post .entry-content.single-content h3 { font-size: 16px !important; line-height: 1.4 !important; }
  body.single-post .entry-content.single-content img { border-radius: 8px !important; height: auto !important; }

  /* Aktiviti Terkini: kad lebih padat, tajuk tidak terlalu besar */
  .spr-news-grid { gap: 12px !important; }
  .spr-news-card--lead { min-height: 228px !important; }
  .spr-news-card:not(.spr-news-card--lead) { min-height: 166px !important; }
  .spr-news-body { padding: 16px 18px 16px !important; }
  .spr-news-card--lead .spr-news-body { padding: 18px 18px 17px !important; }
  .spr-news-title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .spr-news-card--lead .spr-news-title { font-size: 16px !important; line-height: 1.3 !important; }
  .spr-news-date { font-size: 10.5px !important; margin-top: 7px !important; }

  /* Aktiviti Terkini: jarak tepi sejajar dengan panel Perkhidmatan */
  .spr-news { padding-left: 20px !important; padding-right: 20px !important; }

  /* Direktori: dua nota bertindan, bukan bersebelahan */
  .elementor-element-8a128af, .elementor-element-d15b589 { flex-direction: column !important; gap: 10px !important; }
  .elementor-element-8a128af > *, .elementor-element-d15b589 > * { width: 100% !important; text-align: left !important; }

  /* Carta organisasi: isyarat boleh ketuk untuk besarkan */
  .elementor-element-1f21b1a img, .elementor-element-d6c32d2 img { cursor: zoom-in; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-widget-nav-menu.elementor-hidden-desktop nav.elementor-nav-menu--dropdown,
  .elementor-element-a7b3c91, .elementor-element-2d341d40 { transition: none !important; }
}

/* ===== ARKIB AKTIVITI SEMASA: tajuk + penapis satu baris ===== */
.elementor-element-2a28894 {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 14px !important;
}
.elementor-element-2a28894 > .elementor-widget-loop-grid { grid-column: 1 / -1 !important; }
.elementor-element-2a28894 > .elementor-widget-taxonomy-filter { justify-self: end !important; width: auto !important; }

.elementor-widget-taxonomy-filter .e-filter-item {
  border: 1px solid #EAE1E2 !important;
  border-radius: 999px !important;
  padding: 7px 15px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #6B5C5F !important;
  background: #fff !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
.elementor-widget-taxonomy-filter .e-filter-item:hover { border-color: #6B0D13 !important; color: #6B0D13 !important; }
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"],
.elementor-widget-taxonomy-filter .e-filter-item.e-filter-item-active {
  background: #6B0D13 !important;
  border-color: #6B0D13 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  .elementor-element-2a28894 { grid-template-columns: 1fr !important; }
  .elementor-element-2a28894 > .elementor-widget-taxonomy-filter { justify-self: start !important; }
  .elementor-widget-taxonomy-filter .e-filter { flex-wrap: wrap !important; gap: 8px !important; }
  .elementor-widget-taxonomy-filter .e-filter-item { padding: 6px 13px !important; font-size: 10.5px !important; }
}

/* ===== PERLEMBAGAAN NEGERI: flipbook ===== */
.elementor-element-b1421f1 ._df_book {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px -26px rgba(30,23,25,.5) !important;
}
@media (max-width: 991px) {
  .elementor-element-b1421f1 ._df_book { height: 560px !important; }
}
@media (max-width: 767px) {
  .elementor-element-b1421f1 ._df_book { height: 440px !important; border-radius: 8px !important; }
}/* End custom CSS */