.elementor-kit-2514{--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-2514.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-2514 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2514 button,.elementor-kit-2514 input[type="button"],.elementor-kit-2514 input[type="submit"],.elementor-kit-2514 .elementor-button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.05);padding:0px 0px 0px 0px;}.elementor-kit-2514 button:hover,.elementor-kit-2514 button:focus,.elementor-kit-2514 input[type="button"]:hover,.elementor-kit-2514 input[type="button"]:focus,.elementor-kit-2514 input[type="submit"]:hover,.elementor-kit-2514 input[type="submit"]:focus,.elementor-kit-2514 .elementor-button:hover,.elementor-kit-2514 .elementor-button:focus{box-shadow:0px 10px 24px 0px rgba(0, 0, 0, 0.12);}.elementor-kit-2514 input:not([type="button"]):not([type="submit"]),.elementor-kit-2514 textarea,.elementor-kit-2514 .elementor-field-textual{box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.04);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* =========================================================
   TIPOGRAFI KATEGORI — PENDAR KESUNYIAN
   Apply to any section/container with class: pendar-kategori
========================================================= */

.pendar-kategori {
  max-width: 640px;
  margin: 0 auto;
  padding-top: 48px;
  padding-bottom: 32px;
  text-align: center;
}

/* -----------------------------------------
   1) Heading (Judul Kategori) — Playfair Display
----------------------------------------- */
.pendar-kategori .heading-kategori {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.18;
  color: #1A2A42;
  margin: 0 0 6px 0;
  letter-spacing: -0.2px; /* sedikit rapat untuk kesan editorial */
}

/* Mobile */
@media (max-width: 480px) {
  .pendar-kategori .heading-kategori {
    font-size: 30px;
    line-height: 1.22;
  }
}

/* -----------------------------------------
   2) Subheading (Nuansa)
----------------------------------------- */
.pendar-kategori .subheading-kategori {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
  color: #455A70;
  margin: 0 0 10px 0;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

/* Mobile */
@media (max-width: 480px) {
  .pendar-kategori .subheading-kategori {
    font-size: 16px;
  }
}

/* -----------------------------------------
   3) Deskripsi Super Pendek (Tagline Mini)
----------------------------------------- */
.pendar-kategori .deskripsi-mini {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
  color: #6F8598;
  letter-spacing: 0.2px;
  margin: 0 0 32px 0;
}

/* Mobile */
@media (max-width: 480px) {
  .pendar-kategori .deskripsi-mini {
    font-size: 14px;
    margin-bottom: 28px;
  }
}

/* ============================
   CLICKABLE CARD – LOOP GRID (BERANDA)
============================ */

.post-card {
  transition: transform 0.25s ease;
}

.post-card:hover {
  transform: translateY(-2px);
}

.post-card:hover h2,
.post-card:hover h3 {
  opacity: 0.85;
}

.post-card img {
  cursor: pointer;
}

.post-card img,
.post-card h2,
.post-card h3 {
  cursor: pointer;
}

.post-card a:focus-visible {
  outline: 2px solid #cfcfcf;
  outline-offset: 4px;
}/* End custom CSS */