/* MDIX Klinik Sentosa — audit fixes */

/* Contact-strip icons are theme placeholder images that show size labels ("30x30"). */
img[src$="upload/icon-1-1.png"],
img[src$="upload/icon2.png"],
img[src$="upload/icon3.png"] {
  display: none !important;
}

/* Signature graphic reads "James Smith" (theme demo); the caption names the founder instead. */
img[src$="upload/sign.png"] {
  display: none !important;
}

/* Hero copy sits on a light photo; a soft shadow keeps it legible. */
rs-layer[id$="-layer-3"],
rs-layer[id$="-layer-5"],
rs-layer[id$="-layer-6"] {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

/* ===== Design QA 2026-10-12 ===== */

/* E. Brand blue #4d93e9 fails AA on white (3.15:1); text and solid buttons use #2a6bc4 (5.25:1). */
.mediz-top-bar-background,
.mediz-top-bar { background-color: #2a6bc4 !important; }
.mediz-body .mediz-main-menu-right-button,
.gdlr-core-body .gdlr-core-button:not([style*="background"]),
.mediz-body input[type="submit"],
.gdlr-core-body .gdlr-core-load-more,
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-widget .gdlr-core-blog-widget-content,
.gdlr-core-blog-feature .gdlr-core-blog-info-category,
.gdlr-core-pagination a.gdlr-core-active, .gdlr-core-pagination span {
  background: #2a6bc4 !important;
  border-color: #2a6bc4 !important;
}
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent { background: transparent !important; }
.mediz-body .mediz-main-menu-right-button:hover,
.gdlr-core-body .gdlr-core-button:not(.gdlr-core-button-transparent):not([style*="background"]):hover { background: #1f5296 !important; border-color: #1f5296 !important; }

.sf-menu > li > a:hover, .sf-menu > li.current-menu-item > a, .sf-menu > li.current-menu-ancestor > a,
.gdlr-core-title-item-caption:not([style*="color"]),
.gdlr-core-opening-hour-day, .gdlr-core-opening-hour-time,
.gdlr-core-opening-hour-widget, .gdlr-core-opening-hour-widget span,
.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-title, .gdlr-core-accordion-style-box-icon .gdlr-core-accordion-item-title, .gdlr-core-toggle-box-style-icon .gdlr-core-toggle-box-item-title,
.gdlr-core-icon-list-content,
.gdlr-core-block-item-read-more,
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title a,
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a,
.mediz-body .mediz-breadcrumbs span, .gdlr-core-breadcrumbs-item span,
[style^="color: #4d93e9" i], [style*=";color: #4d93e9" i], [style*="; color: #4d93e9" i], [style*=";color:#4d93e9" i] {
  color: #2a6bc4 !important;
}
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent,
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent .gdlr-core-content,
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent i { color: #2a6bc4 !important; }

/* Grey text (#999, #8e8e8e, #a1a1a1, #a7a7a7, #919191, #afafaf) darkened to #6b6b6b (≥4.8:1). */
.sf-menu > li > a,
.mediz-navigation .sf-menu > li > a,
.gdlr-core-personnel-list-position,
.gdlr-core-skill-bar-right,
.gdlr-core-blog-info, .gdlr-core-blog-info a,
.gdlr-core-accordion-item-content, .gdlr-core-accordion-item-content p,
.mediz-footer-wrapper, .mediz-footer-wrapper a, .mediz-footer-wrapper .widget_nav_menu a,
.mediz-copyright-wrapper, .mediz-copyright-right,
p[style*="color: #8e8e8e"], [style*="color: #8e8e8e"] p {
  color: #6b6b6b !important;
}
.sf-menu > li.current-menu-item > a, .sf-menu > li.current-menu-ancestor > a, .sf-menu > li > a:hover { color: #2a6bc4 !important; }
.mediz-footer-wrapper .gdlr-core-opening-hour-widget span { color: #2a6bc4 !important; }
.mediz-footer-wrapper a:hover { color: #2a6bc4 !important; }
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-info,
.gdlr-core-item-list-wrap.gdlr-core-featured .gdlr-core-blog-info a { color: #ffffff !important; }

/* Light text on blue panels / photos: plain white. The testimonial, CTA band and contact strip get a solid
   colour that covers their busy photos (dental chair top view, "HOSPITAL" sign) - text over them was unreadable. */
#slider-1-slide-1-layer-6, #slider-1-slide-2-layer-6 { color: #ffffff !important; }
.gdlr-core-counter-item-bottom-text { color: #ffffff !important; }
.gdlr-core-testimonial-position { color: #dbe8ff !important; }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap [style*="Happy-Time.jpg"]) { background-color: #12305c; }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap [style*="Hospital.jpg"]) { background-color: #2a6bc4; }

/* A. Section-title strip used a grey placeholder that became a stock photo under blue headings. */
.gdlr-core-pbf-background[style*="bg-Our-svc.jpg"] { display: none !important; }

/* A. Partner/insurance logo strip had placeholders (photos of patients); no real partners yet. */
.mdix-hide-partners { display: none !important; }

/* B. Phone numbers never break mid-number. */
.mdix-nowrap { white-space: nowrap; }

/* B/C. Touch targets */
.mediz-mobile-header .mediz-mobile-menu-button,
.mediz-mobile-button-hamburger {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; box-sizing: border-box;
}
.mediz-mobile-header .mediz-logo-inner > a { display: inline-block; min-height: 44px; line-height: 44px; }
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent { display: inline-flex; align-items: center; min-height: 32px; }
.gdlr-core-personnel-list-image > a,
.gdlr-core-image-item-wrap > a.gdlr-core-lightgallery,
.gdlr-core-blog-thumbnail > a { display: block; }
.gdlr-core-personnel-list-title a { display: inline-block; padding: 4px 0; }
.gdlr-core-blog-info a { display: inline-block; padding: 5px 0; }
.gdlr-core-flexslider .flex-control-nav li a {
  box-sizing: content-box; padding: 9px; background-clip: content-box !important;
}
.mediz-copyright-wrapper .gdlr-core-social-network-icon,
.mediz-footer-wrapper .gdlr-core-social-network-icon,
.mediz-top-bar-right-social a {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; margin-left: 0 !important; margin-right: 0 !important;
}
.mediz-footer-wrapper .widget_nav_menu li a { display: inline-block; padding: 3px 0; }
.mediz-footer-wrapper .textwidget a[href^="mailto:"],
.mediz-footer-wrapper .textwidget a[href^="tel:"] { display: inline-block; padding: 4px 0; }

/* B. Revolution Slider shrinks the hero button text below 12px on phones. */
@media (max-width: 767px) {
  rs-layer.rev-btn { font-size: 12px !important; }
  /* decorative tooth badge sits on top of the title on phones */
  #slider-1-slide-1-layer-1, #slider-1-slide-1-layer-2,
  #slider-1-slide-2-layer-1, #slider-1-slide-2-layer-2 { display: none !important; }
}

/* B. 768–991: the three blue service cards and the 4-column footer were too narrow (words split). */
@media (max-width: 991px) {
  .gdlr-core-page-builder-wrapper-container-bg-image[style*="dentist-col-bg"] + .gdlr-core-page-builder-wrapper-container-content > .gdlr-core-pbf-column {
    width: 100% !important; float: none !important;
  }
  .gdlr-core-page-builder-wrapper-container-bg-image[style*="dentist-col-bg"] + .gdlr-core-page-builder-wrapper-container-content > .gdlr-core-pbf-column + .gdlr-core-pbf-column { margin-top: 24px; }
  .mediz-footer-wrapper .mediz-footer-column.mediz-column-15 { width: 50% !important; }
  .mediz-footer-wrapper .mediz-footer-column.mediz-column-15:nth-child(2n+1) { clear: left; }
}
@media (max-width: 767px) {
  .mediz-footer-wrapper .mediz-footer-column.mediz-column-15 { width: 100% !important; }
}
.mediz-footer-wrapper a[href^="mailto:"] { word-break: normal; overflow-wrap: normal; white-space: nowrap; }
.mediz-footer-wrapper .gdlr-core-button { white-space: normal; padding-left: 24px !important; padding-right: 24px !important; }

/* E. Filter tabs on doctor/portfolio pages broke words ("ANESTHESI / OLOGY"). */
.gdlr-core-filterer-wrap a { word-break: normal !important; overflow-wrap: normal !important; white-space: nowrap; }
.gdlr-core-filterer-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 0; }

/* Contact strip above the footer: light-blue titles on blue photo tiles → white, solid fallback behind. */
.gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-column-service-title { color: #ffffff !important; }
.gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-pbf-column-content-margin { background-color: #2a6bc4; }
.gdlr-core-pbf-background-wrap[style*="background-color: #4d93e9"] { background-color: #2a6bc4 !important; }

/* Counter panel: white labels on a light-blue gradient photo → darker tint + solid fallback. */
.gdlr-core-pbf-wrapper[data-skin="HP Dentist Counter"] { background-color: #2a6bc4; }
.gdlr-core-pbf-background[style*="hp-dentist-counter-bg"] { box-shadow: inset 0 0 0 4000px rgba(20, 60, 130, 0.45); }

/* Hero slider: solid fallback colour behind the slide photos (also what contrast tools measure). */
rs-module-wrap, rs-module { background-color: #1d3f73; }

/* CTA band text on blue */
.gdlr-core-pbf-wrapper:has([style*="Hospital.jpg"]) p { color: #ffffff !important; }
.mediz-footer-wrapper .gdlr-core-button,
.mediz-footer-wrapper .gdlr-core-button .gdlr-core-content { color: #2a6bc4 !important; }
.gdlr-core-block-item-read-more { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
@media (max-width: 991px) { .gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent { letter-spacing: 1px !important; } }

/* D. CLS: reserve the hero slider height before Revolution Slider initialises (it pushed the page down ~700px).
   Heights match the slider's own grid: 1280×700 (≥480px wide, scaled) and 480×500 (phones). */
.gdlr-core-revolution-slider-item:has(#rev_slider_1_1_wrapper) { min-height: 700px; }
@media (max-width: 1279px) { .gdlr-core-revolution-slider-item:has(#rev_slider_1_1_wrapper) { min-height: calc((100vw - 20px) * 700 / 1280); } /* -20px: never taller than the slider when a scrollbar is present */ }
@media (max-width: 479px) { .gdlr-core-revolution-slider-item:has(#rev_slider_1_1_wrapper) { min-height: calc(100vw * 500 / 480); } }

/* B. 768px: "15" + ".000+" and narrow blog titles broke mid-word. */
.gdlr-core-counter-item-number { white-space: nowrap; }
.gdlr-core-blog-title, .gdlr-core-blog-title a { word-break: normal !important; overflow-wrap: normal !important; hyphens: manual; }

/* Inner pages: price list labels, accordion on blue, breadcrumb targets */
.gdlr-core-price-list-title { color: #6b6b6b !important; }
.gdlr-core-accordion-style-background-title .gdlr-core-accordion-item-title,
.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title { color: #ffffff !important; background-color: #2a6bc4 !important; }
.mediz-breadcrumbs a, .gdlr-core-breadcrumbs-item a { display: inline-block; padding: 4px 0; }

/* E. Light-blue gradient pill buttons ("Semua Layanan", "Semua Dokter"): white text was ~2.6:1 → darker gradient. */
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(to right, #4d93e9, #64c5ff)"] {
  background: linear-gradient(to right, #2a6bc4, #2f74d0) !important;
}
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(to right, #4d93e9, #64c5ff)"]:hover { background: #1f5296 !important; }

/* B. Phones: blue service cards stack the icon above the text (text column was ~130px wide). */
@media (max-width: 575px) {
  .gdlr-core-page-builder-wrapper-container-bg-image[style*="dentist-col-bg"] + .gdlr-core-page-builder-wrapper-container-content .gdlr-core-column-service-media {
    float: none !important; margin: 0 0 16px 0 !important;
  }
  .gdlr-core-page-builder-wrapper-container-bg-image[style*="dentist-col-bg"] + .gdlr-core-page-builder-wrapper-container-content .gdlr-core-column-service-content-wrapper {
    overflow: visible !important; margin-left: 0 !important; padding-left: 0 !important;
  }
}

/* C. 1000–1239px: the Indonesian menu wrapped to three rows (search + CTA on their own line). */
@media (min-width: 1000px) and (max-width: 1239px) {
  .mediz-header-style-plain .mediz-navigation .sf-menu > li { padding-left: 9px !important; padding-right: 9px !important; }
  .mediz-header-style-plain .mediz-navigation .sf-menu > li > a { font-size: 14px !important; }
  .mediz-header-style-plain .mediz-main-menu-right-button { padding-left: 16px !important; padding-right: 16px !important; margin-left: 10px !important; }
  .mediz-header-style-plain .mediz-main-menu-search { margin-left: 12px !important; }
  .mediz-header-style-plain .mediz-logo { padding-right: 12px !important; }
  .mediz-header-style-plain .mediz-navigation { padding-left: 8px !important; padding-right: 12px !important; }
  .mediz-header-style-plain .mediz-logo img { max-width: 150px !important; height: auto !important; }
}
@media (min-width: 1000px) and (max-width: 1059px) {
  .mediz-header-style-plain .mediz-navigation .sf-menu > li { padding-left: 6px !important; padding-right: 6px !important; }
  .mediz-header-style-plain .mediz-main-menu-search { margin-left: 6px !important; }
}

/* Inner pages: sidebar e-mail link and widget post links ≥24px tall. */
a.__cf_email__, .widget a[href^="mailto:"] { display: inline-block; padding: 4px 0; }
.mediz-sidebar-area .widget li a, .mediz-sidebar-area .gdlr-core-recent-post-widget-title a { display: inline-block; padding: 3px 0; }

/* ===== Design QA 2026-10-12, round 2 (re-audit) ===== */

/* B. Hero (Revolution Slider) scales the paragraph to 10px and the button to 8px between 480 and 1279px. */
@media (min-width: 480px) and (max-width: 1279px) {
  #slider-1-slide-1-layer-5 { font-size: 12px !important; line-height: 18px !important; }
  rs-layer.rev-btn { font-size: 11px !important; line-height: 1 !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #slider-1-slide-1-layer-5 { font-size: 14px !important; line-height: 22px !important; }
  rs-layer.rev-btn { font-size: 12px !important; }
}

/* B. Contact strip above the map: 768–991 the e-mail broke mid-word ("halo@mdix.digit / al"); phones had 60px gutters. */
.gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-column-service-caption { overflow-wrap: normal; word-break: keep-all; }
@media (max-width: 991px) {
  .gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-column-service-caption { font-size: 15px !important; line-height: 1.6 !important; }
  .gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-column-service-title { font-size: 18px !important; }
  .gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-pbf-column-content-margin { padding: 36px 20px 40px 30px !important; }
}
@media (max-width: 767px) {
  .gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-pbf-column-content-margin { padding: 26px 20px 30px 24px !important; }
  .gdlr-core-pbf-wrapper:has([style*="Bg-Gallery.jpg"]) .gdlr-core-pbf-column-content { height: auto !important; }
}

/* B. 768–991: "Tautan Cepat" + "Artikel Terbaru" sat side by side, the small article list was ~120px wide. Stack them. */
@media (max-width: 991px) {
  .gdlr-core-pbf-wrapper:has(.gdlr-core-blog-item-holder) > .gdlr-core-pbf-wrapper-content > .gdlr-core-pbf-wrapper-container > .gdlr-core-pbf-column {
    width: 100% !important; float: none !important; clear: both;
  }
  .gdlr-core-pbf-wrapper:has(.gdlr-core-blog-item-holder) .gdlr-core-pbf-column-content { height: auto !important; }
}

/* B. Appointment form: two-column fields were 154px wide at 768 (placeholder "Nama Lengk…"). One column under 992px. */
@media (max-width: 991px) {
  form.wpcf7-form .gdlr-core-column-30 { width: 100% !important; }
}

/* D. The theme's JS adds a chevron (.wpcf7-form-indicator) after the <select>; without a positioned wrapper it
   floated onto the textarea. Pin it inside the select field. */
form.wpcf7-form .wpcf7-form-control-wrap { position: relative !important; display: block; }
form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-indicator {
  position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%);
  margin: 0 !important; line-height: 1; pointer-events: none;
}
form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-indicator i { color: #6b6b6b; font-size: 16px; }
form.wpcf7-form select.wpcf7-select { padding-right: 40px !important; }

/* B. CTA band buttons at 768–991: "GAWAT DARURAT" wrapped to three lines. */
@media (max-width: 991px) {
  .gdlr-core-button.gdlr-core-button-full-width { padding-left: 16px !important; padding-right: 14px !important; letter-spacing: 1px !important; font-size: 13px !important; }
}

/* E. Inner-page title caption ("Detail layanan kami") was light blue on a light photo. */
.mediz-page-title-wrap .mediz-page-caption { color: #ffffff !important; opacity: 0.95; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45); }
.mediz-page-title-wrap .mediz-page-title { text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4); }

/* E. Hidden signature image ("James Smith") still reserved ~70px under the founder's paragraph. */
.gdlr-core-pbf-element:has(> .gdlr-core-image-item img[src*="sign.png"]) { display: none !important; }

/* E. Inner-page skins (css/mediz-style-custom.css [data-skin=…]) use the brand blue #4d93e9 (3.15:1) and light greys
   for titles, links and captions on white. Overridden with the AA shades used on the home page. */
.gdlr-core-page-builder-body [data-skin="cl-dpment"] h3, .gdlr-core-page-builder-body [data-skin="cl-dpment"] .gdlr-core-skin-title,
.gdlr-core-page-builder-body [data-skin="cl-doc-dpment"] h3, .gdlr-core-page-builder-body [data-skin="cl-doc-dpment"] .gdlr-core-skin-title,
.gdlr-core-page-builder-body [data-skin="acc-dpment"] .gdlr-core-skin-title, .gdlr-core-page-builder-body [data-skin="acc-dpment"] .gdlr-core-skin-title a,
.gdlr-core-page-builder-body [data-skin="acc-ourdoc"] .gdlr-core-skin-title, .gdlr-core-page-builder-body [data-skin="acc-ourdoc"] .gdlr-core-skin-title a,
.gdlr-core-page-builder-body [data-skin="HP Dentist Accordion"] .gdlr-core-skin-title, .gdlr-core-page-builder-body [data-skin="HP Dentist Accordion"] .gdlr-core-skin-title a,
.gdlr-core-page-builder-body [data-skin="Personnel"] a:not(.gdlr-core-button), .gdlr-core-page-builder-body [data-skin="Personnel"] .gdlr-core-skin-link,
.gdlr-core-page-builder-body [data-skin="White Text"] .gdlr-core-skin-link, .gdlr-core-page-builder-body [data-skin="White Text"] a:not(.gdlr-core-button),
.gdlr-core-page-builder-body [data-skin="Mediz A2 Lung Diseases"] a:not(.gdlr-core-button), .gdlr-core-page-builder-body [data-skin="Mediz A2 Lung Diseases"] .gdlr-core-skin-link,
.gdlr-core-page-builder-body [data-skin="Mediz HP Column SVS MId"] a:not(.gdlr-core-button), .gdlr-core-page-builder-body [data-skin="Mediz HP Column SVS MId"] .gdlr-core-skin-link,
.gdlr-core-page-builder-body [data-skin="Blockqoute"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="acc-ourdoc"] input:not([type="submit"]), .gdlr-core-page-builder-body [data-skin="acc-ourdoc"] textarea,
.gdlr-core-filterer-wrap a { color: #2a6bc4 !important; }
.gdlr-core-filterer-wrap a.active { color: #161616 !important; }
.gdlr-core-page-builder-body [data-skin="cl-doc-dpment"] .gdlr-core-skin-content,
.gdlr-core-page-builder-body [data-skin="acc-ourdoc"] .gdlr-core-skin-content,
.gdlr-core-page-builder-body [data-skin="HP Dentist Accordion"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="HP Dentist Accordion"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="Personal HP Dentist"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="Personal HP Dentist"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="White Text"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="Newsletter"] .gdlr-core-skin-e-content, .gdlr-core-page-builder-body [data-skin="Newsletter White"] .gdlr-core-skin-e-content,
.gdlr-core-page-builder-body [data-skin="Newsletter"] input, .gdlr-core-page-builder-body [data-skin="Newsletter White"] input { color: #6b6b6b !important; }
/* light blues on blue panels → white */
.gdlr-core-page-builder-body [data-skin="Mediz A2 Counter"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="couter-Ourdoc"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="couter-Ourdoc"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="HP Dentist Counter"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="HP Dentist Counter"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="Mediz A2 Accordion"] .gdlr-core-skin-title, .gdlr-core-page-builder-body [data-skin="Mediz A2 Accordion"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="Mediz A2 Accordion"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="Mediz A1 Column SVC"] .gdlr-core-skin-title,
.gdlr-core-page-builder-body [data-skin="HP Column SVC Bottom"] .gdlr-core-skin-content, .gdlr-core-page-builder-body [data-skin="HP Column SVC Bottom"] .gdlr-core-skin-caption,
.gdlr-core-page-builder-body [data-skin="col-clinic"] .gdlr-core-skin-content,
.gdlr-core-page-builder-body [data-skin="Team Page"] .gdlr-core-skin-caption, .gdlr-core-page-builder-body [data-skin="Dark Personnel"] .gdlr-core-skin-caption { color: #ffffff !important; }

/* ===== Design QA 2026-10-12, round 3 (4th auditor, re-audit) ===== */

/* E. Blue service cards (dentist-col-bg.png, #4b95ea → #42a2ef): white 14px text was 2.8–3.1:1. Darker tint ≥ 4.9:1. */
.gdlr-core-page-builder-wrapper-container-bg-image[style*="dentist-col-bg"] { box-shadow: inset 0 0 0 4000px rgba(15, 50, 120, 0.5); }

/* B. Hero 480–1023px: the left-aligned desktop layout is scaled to ~0.6 — the tooth badge sat on the title, the paragraph
   ran to the right edge and touched the button. Hide the badge and the paragraph there (title, subtitle and CTA stay). */
@media (min-width: 480px) and (max-width: 1023px) {
  #slider-1-slide-1-layer-1, #slider-1-slide-1-layer-2, #slider-1-slide-1-layer-5,
  #slider-1-slide-2-layer-1, #slider-1-slide-2-layer-2, #slider-1-slide-2-layer-5 { display: none !important; }
}

/* B. 768–991: FAQ column kept its desktop padding (85px 120px 40px 77px) → 187px-wide text column, answers 9 lines long. */
@media (max-width: 991px) {
  .gdlr-core-pbf-column-content-margin:has(.gdlr-core-accordion-item) { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 767px) {
  .gdlr-core-pbf-column-content-margin:has(.gdlr-core-accordion-item) { padding-left: 30px !important; padding-right: 30px !important; }
}

/* B. 768–991: stacked "Tautan Cepat" grey column stopped 20px short of the right edge. */
@media (max-width: 991px) {
  .gdlr-core-pbf-wrapper:has(.gdlr-core-blog-item-holder) .gdlr-core-pbf-column-content-margin.gdlr-core-column-extend-left { margin-right: -20px !important; padding-right: 45px !important; }
}

/* B. Phones: 120px empty space under the founder line (padding kept for the hidden signature). */
@media (max-width: 767px) {
  .gdlr-core-pbf-column-content-margin:has(img[src*="sign.png"]) { padding-bottom: 48px !important; }
  /* section-title side dash wrapped under the title with a 15px indent */
  .gdlr-core-title-item-title-side-border { display: block !important; margin-left: 0 !important; margin-top: 12px; }
}

/* A. Team grids: photos p-2/p-3/p-4 are patient scenes (wheelchair, group, a duplicate) — no portrait for three more doctors.
   The grids show the same six people as the home page (last row hidden; HTML kept). */
div.gdlr-core-personnel-list-column:has(img[src*="upload/p-2-"]),
div.gdlr-core-personnel-list-column:has(img[src*="upload/p-3-"]),
div.gdlr-core-personnel-list-column:has(img[src*="upload/p-4-"]) { display: none !important; }

/* A. About/doctor pages: contact strip tiles used grey "813x282" placeholder images (BG-icon1.jpg, Bg-icon3.jpg). Solid brand blue. */
[style*="BG-icon1.jpg"], [style*="Bg-icon3.jpg"] { background-image: none !important; background-color: #2a6bc4 !important; }

/* E. Inner-page heroes (page builder): light-blue caption (#bbd1ff) and white titles on light photos (dental chair).
   White caption + navy tint on the hero photos. */
.gdlr-core-title-item-caption[style*="#bbd1ff" i] { color: #ffffff !important; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45); }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="page-title-about-1.jpg"]) .gdlr-core-title-item-title,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="about-2-title-bg.jpg"]) .gdlr-core-title-item-title { text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35); }
.gdlr-core-pbf-background[style*="upload/counter-bg.jpg"],
.gdlr-core-pbf-background[style*="bg-ourdoc.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.55); }

/* E. Team page dark sections ("Team Page" skin over a 40–70% photo on white): names were brand blue on grey, captions white
   on a light photo. Navy base under the photo and white names. */
.gdlr-core-pbf-wrapper[data-skin="Team Page"] { background-color: #12305c !important; }
.gdlr-core-pbf-wrapper[data-skin="Team Page"] .gdlr-core-pbf-background { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.55); }
[data-skin="Team Page"] .gdlr-core-personnel-list-title a, [data-skin="Team Page"] .gdlr-core-personnel-list-title { color: #ffffff !important; }
[data-skin="Team Page"] .gdlr-core-personnel-list-position, [data-skin="Team Page"] .gdlr-core-personnel-list-content,
[data-skin="Team Page"] .gdlr-core-personnel-list-content p, [data-skin="Team Page"] .gdlr-core-social-network-icon { color: #ffffff !important; }

/* B. Doctor-card social icons were 10–16px wide. */
.gdlr-core-personnel-list .gdlr-core-social-network-icon { display: inline-flex !important; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; margin-right: 2px !important; }

/* E. Remaining light-blue buttons (#4D93E9 solid / #4D93E9→#4DA4E9 gradients, white text 3.0–3.2:1) → AA blue. */
.gdlr-core-body .gdlr-core-button[style*="background: #4D93E9" i],
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(#4D93E9" i],
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(to right, #4D93E9, #4DA4E9)" i] { background: #2a6bc4 !important; }
.gdlr-core-body .gdlr-core-button[style*="background: #4D93E9" i]:hover,
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(#4D93E9" i]:hover,
.gdlr-core-body .gdlr-core-button[style*="linear-gradient(to right, #4D93E9, #4DA4E9)" i]:hover { background: #1f5296 !important; }

/* E. Inner pages: remaining light blues/greys on white (3.15:1 and 2.1:1). */
.gdlr-core-custom-menu-widget a, .mediz-single-nav, .mediz-single-nav .mediz-single-nav-title { color: #2a6bc4 !important; }
.gdlr-core-portfolio-info, .gdlr-core-portfolio-info a { color: #6b6b6b !important; }
.tagcloud a { background-color: #2a6bc4 !important; border-color: #2a6bc4 !important; color: #ffffff !important; }
.tagcloud a:hover { background-color: #1f5296 !important; }
.gdlr-core-column-service-content p[style*="color"] { color: #606060 !important; }

/* E. Text on photos: solid navy under the photo layer (also what contrast tools measure) + tint on light photos. */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/counter-bg.jpg"]),
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-ourdoc.jpg"]),
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="upload/counter-bg.jpg"]) { background-color: #12305c !important; }
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="BG-icon1.jpg"]),
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="Bg-icon3.jpg"]) { background-color: #2a6bc4 !important; }
.gdlr-core-pbf-background[style*="department-bg.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.55); }
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="department-bg.jpg"]),
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="department-bg.jpg"]) { background-color: #12305c !important; }

/* E. Price table now in Rupiah (was $9.90 / $20 / $50 per month): smaller number so "1.950.000" fits the card. */
.gdlr-core-price-table-price-number { font-size: 36px !important; letter-spacing: 0 !important; white-space: nowrap; }
.gdlr-core-price-table-price { white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1199px) { .gdlr-core-price-table-price-number { font-size: 28px !important; } }

/* E. Newsletter band (Bg-Title.jpg, dental chair) and price-table band (bg-5.jpg): light photos under white/blue text. */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="Bg-Title.jpg"]),
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-5.jpg"]) { background-color: #12305c !important; }
.gdlr-core-pbf-background[style*="Bg-Title.jpg"],
.gdlr-core-pbf-background[style*="bg-5.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.6); }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="Bg-Title.jpg"]) p,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="Bg-Title.jpg"]) .gdlr-core-title-item-caption,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-5.jpg"]) .gdlr-core-title-item-caption { color: #ffffff !important; }

/* B. Touch targets on inner pages (were 11–23px tall/wide at 390px). */
a.gdlr-core-lightgallery:has(img) { display: block; }
a.gdlr-core-lightgallery:not(:has(img)) { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; }
.gdlr-core-portfolio-info a, .mediz-blog-info a, .mediz-single-nav a { display: inline-block; padding: 3px 0; }
.gdlr-core-text-box-item-content p > a:only-child { display: inline-block; padding: 3px 0; }
.gdlr-core-social-network-item .gdlr-core-social-network-icon,
.gdlr-core-social-share-item a { display: inline-flex !important; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; }
.mediz-not-found-back-to-home a { display: inline-block; padding: 4px 0; }

/* E. Solid section colours that the theme paints on an absolute layer: repeat them on the parent (same look; contrast tools
   and slow image loads see the right background). Text on photos (bg-1.jpg, bg-7.jpg) gets a navy base + tint. */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap[style*="#161616"]) { background-color: #161616 !important; }
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap[style*="#113989"]) { background-color: #113989 !important; }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-1.jpg"]),
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-7.jpg"]) { background-color: #12305c !important; }
.gdlr-core-pbf-background[style*="upload/bg-1.jpg"], .gdlr-core-pbf-background[style*="upload/bg-7.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.55); }
/* light-blue text (#a0bfe8) on the pale-blue boxes of the service pages */
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap[style*="#f3f9ff"]) p { color: #4a5a70 !important; }
/* quote/aside blog cards: white on #4d93e9 */
.gdlr-core-blog-aside-format, .gdlr-core-blog-quote-format { background-color: #2a6bc4 !important; }
/* single-post next/prev links */
.mediz-single-related-post a, .mediz-single-nav-area a, .mediz-blog-title a { display: inline-block; padding: 2px 0; }

/* Inner heroes: the photo layer is semi-transparent, so the navy base under it already tints it (no extra shade). */

/* A. Service-list icons (were grey "80x69" placeholder PNGs, now theme icons): a little larger. */
.gdlr-core-column-service-media:has(img[src*="department-icon"]), .gdlr-core-column-service-media:has(img[src*="mediz-icon"]),
.gdlr-core-column-service-media:has(img[src*="Dentist-icon22"]) { max-width: 64px !important; }

/* E. Featured price card header: white on #4d93e9. */
.gdlr-core-price-table.gdlr-core-active .gdlr-core-price-table-head { background: #2a6bc4 !important; }

/* The theme puts section photos on a z-index:-1 layer; a stacking context keeps that layer above the solid colours added above. */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap .gdlr-core-pbf-background),
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap .gdlr-core-pbf-background) { isolation: isolate; }

/* Inner heroes (dental-chair photo): light tint only, no colour band. */
.gdlr-core-pbf-background[style*="page-title-about-1.jpg"], .gdlr-core-pbf-background[style*="about-2-title-bg.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.38); }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-ourdoc.jpg"]) .gdlr-core-title-item-caption,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-ourdoc.jpg"]) p { color: #ffffff !important; }

/* E. Photo bands with white text: coming-soon (bg-3.jpg), FAQ band of "Tentang Kami 2" (bg-Mediz-accordion.jpg). */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-3.jpg"]),
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-Mediz-accordion.jpg"]) { background-color: #12305c !important; }
.gdlr-core-pbf-background[style*="upload/bg-3.jpg"], .gdlr-core-pbf-background[style*="bg-Mediz-accordion.jpg"] { box-shadow: inset 0 0 0 4000px rgba(12, 35, 80, 0.62); }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-Mediz-accordion.jpg"]) .gdlr-core-accordion-item-title,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-Mediz-accordion.jpg"]) .gdlr-core-accordion-item-content,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-Mediz-accordion.jpg"]) .gdlr-core-title-item-title,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="bg-Mediz-accordion.jpg"]) p,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="about-2-title-bg.jpg"]) p { color: #ffffff !important; }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="about-2-title-bg.jpg"]) { background-color: #12305c !important; }
/* maintenance page: grey caption and % label on the tinted photo / blue bar */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-1.jpg"]) .gdlr-core-title-item-caption,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-1.jpg"]) .gdlr-core-skill-bar-right { color: #ffffff !important; }
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="upload/bg-3.jpg"]) .gdlr-core-countdown-item * { color: #ffffff !important; }
/* contact page: navy link colour on the #161616 band */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap[style*="#161616"]) a:not(.gdlr-core-button),
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap[style*="#161616"]) a:not(.gdlr-core-button) span { color: #8fb8ff !important; }
/* doctor-page hero caption (light blue h3) */
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="page-title-about-1.jpg"]) .gdlr-core-title-item-caption,
.gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap > [style*="page-title-about-1.jpg"]) .gdlr-core-title-item-title { color: #ffffff !important; }

/* B. Phones: sections pulled up/down with negative margins (-100…-112px) covered the hero title ("Tentang Kami") and the
   next heading once the theme shrinks the hero padding. No overlap under 768px. */
@media (max-width: 767px) {
  /* (the home counter band, "margin: -100px auto -100px auto" + z-index, overlaps only white space and keeps its design) */
  .gdlr-core-pbf-wrapper[style*="margin: -"]:not([style*="z-index"]), .gdlr-core-pbf-wrapper[style*="margin-top: -"] { margin-top: 0 !important; }
  .gdlr-core-pbf-wrapper[style*="margin-bottom: -"] { margin-bottom: 0 !important; }
}

/* E. Price-table buttons (light gradient, white text 2.6:1). */
.gdlr-core-price-table-button.gdlr-core-button { background: #2a6bc4 !important; color: #ffffff !important; }
.gdlr-core-price-table-button.gdlr-core-button:hover { background: #1f5296 !important; }
/* Keep the solid colours the earlier pass chose for these bands (their photos read "HOSPITAL" / busy dental chair):
   with the stacking context above the photo layer would show again, so it is hidden. */
.gdlr-core-pbf-background[style*="Hospital.jpg"], .gdlr-core-pbf-background[style*="Happy-Time.jpg"],
.gdlr-core-pbf-background[style*="Bg-Gallery.jpg"] { display: none !important; }
.gdlr-core-pbf-background[style*="BG-Gallery2.jpg"] { display: none !important; }
.gdlr-core-pbf-column-content-margin:has(> .gdlr-core-pbf-background-wrap > [style*="BG-Gallery2.jpg"]) { background-color: #2a6bc4 !important; }

/* Verifikasi ulang akhir 2026-10-13: catatan "data contoh" di bawah baris angka statistik. */
.gdlr-core-pbf-column > .mdix-sample-note { display: table; margin: 8px auto 0; padding: 4px 14px; border-radius: 999px; background: #0b3d75; color: #fff; font-size: 14px; line-height: 1.5; text-align: center; }

/* Verifikasi ulang akhir 2026-10-13: header sticky (setelah gulir) menyembunyikan logo
   (opsi tema body.mediz-sticky-navigation-no-logo) — logo MDIX tetap tampil. */
body.mediz-sticky-navigation-no-logo .mediz-fixed-navigation .mediz-logo { display: block; }
.gdlr-core-blog-info a, .mediz-single-article-head-right a, .gdlr-core-blog-title a, .gdlr-core-recent-post-widget-title a, .widget_recent_entries a { display: inline-block; min-height: 24px; }

/* Verifikasi ulang akhir 2026-10-13: logo header HP 120x20 (teks ±8px) dan header lengket ±10px → lebih besar. */
.mediz-mobile-header .mediz-logo-inner img { width: 190px !important; max-width: 190px !important; height: auto !important; }
.mediz-fixed-navigation .mediz-logo-inner img, .mediz-sticky-navigation .mediz-logo-inner img { width: 190px !important; max-width: 190px !important; height: auto !important; }