.elementor-2003 .elementor-element.elementor-element-38c49c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-35bddd3 *//* ===== FIX GLOBAL SVG ICONS (anti ketimpa tema) ===== */

/* Ukuran & tampilan paksa untuk inline SVG di area kritis */
.searchbar svg,
.hc-navbtn svg,
.actions .i-btn svg,
.drawer-head button svg,
.drawer-search svg,
.dock svg,
.related a svg {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 auto !important;
  vertical-align: middle !important;

  /* Ikon selalu terlihat: pakai currentColor */
  fill: currentColor !important;
  stroke: currentColor !important;       /* berjaga bila path pakai stroke */
  stroke-width: 1.2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* Tombol ikon: solid, center, tidak terdorong apapun */
.i-btn,
.hc-navbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;  /* nav 40px kalau perlu */
  height: 36px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  color: #1f2937 !important;             /* ink yang kontras */
  line-height: 0 !important;
}

.hc-navbtn { width: 40px !important; height: 40px !important; }
.i-btn:hover, .hc-navbtn:hover {
  background: #f6faff !important;
  color: var(--accent) !important;
}

/* Bila tema global menyembunyikan seluruh <svg>, lawan di konteks Help Center */
header.head svg,
.article-canvas svg,
.drawer svg,
.dock svg {
  display: inline-block !important;
}

/* Pastikan path ikut mewarisi warna di tombol-tombol penting */
.hc-navbtn svg path,
.actions .i-btn svg path,
.searchbar svg path,
.drawer-head button svg path,
.drawer-search svg path,
.dock svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Responsif kecil (HP): ikon tetap proporsional */
@media (max-width: 640px){
  .hc-navbtn { width: 36px !important; height: 36px !important; }
  .hc-navbtn svg,
  .i-btn svg,
  .dock svg { width: 18px !important; height: 18px !important; }
}

/* ===== (Tetap) perbaikan logo responsif di header ===== */
header.head .brand { line-height: 0; }
header.head .brand-logo{
  height: clamp(26px, 5.5vw, 36px) !important;
  max-height: 36px !important;
  width: auto !important;
  max-width: 40vw;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 auto !important;
}
@media (max-width: 360px){
  header.head .brand-logo{ height: clamp(24px, 7vw, 30px) !important; max-width: 50vw; }
}/* End custom CSS */