/*
Theme Name: iKaral Aqua
Theme URI: https://wp.ikaral.id/
Description: Tema blok iKaral yang ringan, responsif, dan dapat disunting melalui Editor Situs WordPress.
Author: iKaral
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ikaral-aqua
*/

:root {
  --ik-ink: #17302d;
  --ik-muted: #5c706c;
  --ik-teal: #167d72;
  --ik-teal-dark: #0e5b54;
  --ik-mint: #def8f1;
  --ik-pale: #f4fbf8;
  --ik-line: #dcebe6;
}

body { color: var(--ik-ink); }
a { text-underline-offset: .18em; }
.wp-block-site-title a { text-decoration: none; font-weight: 800; letter-spacing: -.04em; }
.ikaral-header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--ik-line); padding: 14px 24px; position: relative; z-index: 5; }
.ikaral-header .wp-block-site-title { font-size: 1.45rem; }
.ikaral-header .wp-block-navigation a { font-size: .95rem; font-weight: 600; text-decoration: none; }
.ikaral-hero { background: linear-gradient(128deg,#dffaf2 0%,#e9f4fb 58%,#fff0ed 100%); padding: clamp(64px,9vw,120px) 24px; }
.ikaral-hero .wp-block-columns { gap: clamp(32px,6vw,88px); }
.ikaral-eyebrow { color: var(--ik-teal); font-size: .78rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.ikaral-hero h1 { color: var(--ik-ink); font-size: clamp(2.6rem,6vw,5.25rem); font-weight: 750; letter-spacing: -.055em; line-height: 1.02; margin: 18px 0 24px; max-width: 12ch; }
.ikaral-lead { color: #425b56; font-size: clamp(1.08rem,1.5vw,1.25rem); max-width: 38rem; }
.ikaral-image-note { color: #71827e; font-size: .8rem; margin-top: 10px; text-align: center; }
.ikaral-section-lead { color: var(--ik-muted); }
.ikaral-text-button .wp-block-button__link { background: transparent; color: var(--ik-teal-dark); font-weight: 700; padding: 10px 0; text-decoration: none; }
.ikaral-text-button .wp-block-button__link:hover { text-decoration: underline; }
.ikaral-hero-image { background: rgba(255,255,255,.42); border: 1px solid rgba(255,255,255,.8); border-radius: 34px; box-shadow: 0 26px 70px rgba(19,73,65,.12); overflow: hidden; padding: 12px; }
.ikaral-hero-image img { border-radius: 26px; display: block; height: clamp(330px,42vw,540px); object-fit: contain; width: 100%; }
.ikaral-button-primary .wp-block-button__link { background: var(--ik-teal); border-radius: 999px; color: #fff; font-weight: 700; padding: 15px 24px; text-decoration: none; }
.ikaral-button-secondary .wp-block-button__link { background: #fff; border: 1px solid #c8ded7; border-radius: 999px; color: var(--ik-ink); font-weight: 700; padding: 14px 23px; text-decoration: none; }
.ikaral-section { padding: clamp(64px,8vw,104px) 24px; }
.ikaral-section h2 { color: var(--ik-ink); font-size: clamp(2rem,4vw,3.25rem); letter-spacing: -.045em; line-height: 1.08; margin-top: 10px; }
.ikaral-intro .wp-block-columns { align-items: center; gap: clamp(30px,6vw,88px); }
.ikaral-intro-card { background: linear-gradient(145deg,#def8f1 0%,#eef8ff 68%,#fff0ed 100%); border: 1px solid #dcebe6; border-radius: 28px; box-shadow: 0 18px 48px rgba(19,73,65,.07); min-height: 310px; padding: clamp(28px,4vw,48px); display: flex; flex-direction: column; justify-content: center; }
.ikaral-intro-card h3 { font-size: clamp(1.7rem,3vw,2.4rem); letter-spacing: -.04em; line-height: 1.12; }
.ikaral-services { background: var(--ik-pale); }
.ikaral-services-grid { gap: 18px; margin-top: 38px; }
.ikaral-service-card { background: #fff; border: 1px solid var(--ik-line); border-radius: 22px; height: 100%; padding: clamp(24px,3vw,36px); box-shadow: 0 12px 32px rgba(19,73,65,.045); }
.ikaral-service-card h3 { font-size: 1.35rem; letter-spacing: -.025em; margin-top: 0; }
.ikaral-service-card p { color: var(--ik-muted); }
.ikaral-icon { align-items: center; background: var(--ik-mint); border-radius: 14px; color: var(--ik-teal-dark); display: flex; font-size: 1.2rem; font-weight: 800; height: 48px; justify-content: center; margin-bottom: 22px; width: 48px; }
.ikaral-support { background: #123b37; color: #effbf7; padding: clamp(58px,8vw,96px) 24px; }
.ikaral-support h2 { color: #fff; }
.ikaral-support p { color: #d0e7df; }
.ikaral-support .ikaral-eyebrow { color: #93e2d0; }
.ikaral-locations { background: #fff; padding: clamp(44px,6vw,72px) 24px; }
.ikaral-location-pill { background: var(--ik-mint); border-radius: 999px; color: var(--ik-teal-dark); display: inline-block; font-weight: 700; padding: 12px 20px; }
.ikaral-footer { background: #f4fbf8; border-top: 1px solid var(--ik-line); padding: 46px 24px 30px; }
.ikaral-footer p { color: var(--ik-muted); }
@media (max-width: 781px) {
  .ikaral-header { padding: 10px 18px; }
  .ikaral-hero { padding-left: 18px; padding-right: 18px; }
  .ikaral-hero h1 { max-width: 14ch; }
  .ikaral-hero-image img { height: min(88vw,440px); }
  .ikaral-section, .ikaral-support, .ikaral-locations { padding-left: 18px; padding-right: 18px; }
}