/*
Theme Name: Divi Child Baru
Theme URI: https://www.jasanulis.my.id/
Description: Child theme Divi dengan zoom mobile dan tombol WhatsApp.
Author: Jasa Nulis
Author URI: https://www.jasanulis.my.id/
Template: Divi
Version: 1.0.0
Text Domain: divi-child-baru
*/

/* WhatsApp button */
.jn-wa-wrap {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
}

.jn-wa-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    background: #0f2d5c !important;
    color: #ffffff !important;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    font-family: inherit;
}

.jn-wa-button:hover,
.jn-wa-button:focus,
.jn-wa-button:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

.jn-wa-desktop {
    padding: 14px 22px;
    font-size: 16px;
}

.jn-wa-mobile {
    width: 56px;
    height: 56px;
    font-size: 14px;
}

@media (min-width: 981px) {
    .jn-wa-mobile {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .jn-wa-wrap {
        right: 16px;
        bottom: 16px;
    }

    .jn-wa-desktop {
        display: none !important;
    }
}

/* Body text */
body,
p,
.et_pb_text_inner,
.et_pb_blurb_description,
.et_pb_module p {
  color: #222222;
}

/* Heading */
h1, h2, h3, h4, h5, h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
  color: #111111;
}

/* Link */
a {
  color: #0b5cad;
}
a:hover,
a:focus {
  color: #084785;
}

/* Button dan CTA */
.et_pb_button,
.et_pb_promo_button,
.wp-element-button,
input[type="submit"] {
  background: #0b5cad;
  color: #ffffff !important;
  border-color: #0b5cad;
}

.et_pb_button:hover,
.et_pb_promo_button:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
  background: #084785;
  color: #ffffff !important;
  border-color: #084785;
}

/* Footer dan teks kecil */
#footer-info,
.footer-widget,
.bottom-nav,
.bottom-nav a,
#main-footer,
#main-footer p,
#main-footer a {
  color: #f2f2f2;
}

/* Placeholder biar gak terlalu pudar */
input::placeholder,
textarea::placeholder {
  color: #666666;
  opacity: 1;
}

/* fix contrast breadcrumb */
.single .et_pb_post .et_pb_title_meta_container,
.single .breadcrumbs,
.single .breadcrumb,
.single .rank-math-breadcrumb a,
.single .rank-math-breadcrumb span {
  color: #555555;
}

.single .rank-math-breadcrumb a:hover {
  color: #111111;
}

/* fix link anchor */
.single .entry-content a {
  color: #0a3ec6;
  text-decoration: underline;
}

.single .entry-content a:hover {
  color: #0f172a;
}

.et_pb_tabs_controls li a {
color: #222222 !important;
background: #f7f7f7 !important;
border-color: #dcdcdc !important;
}

.et_pb_tabs_controls li.et_pb_tab_active a,
.et_pb_tabs_controls li a:hover {
color: #111111 !important;
background: #ffffff !important;
}

.et_pb_toggle_title,
.et_pb_toggle_title:before {
color: #222222 !important;
}

.ez-toc-container,
.ez-toc-container a,
.ez-toc-title,
.ez-toc-toggle,
.ez-toc-btn {
color: #222222 !important;
}

.ez-toc-container {
background: #ffffff !important;
border: 1px solid #dcdcdc !important;
}

.ez-toc-toggle,
.ez-toc-btn {
background: #f7f7f7 !important;
border: 1px solid #dcdcdc !important;
color: #222222 !important;
}