/*
Theme Name: SDGs Center UMRAH (Child of Twenty Twenty-Five)
Theme URI: https://umrah.ac.id/
Template: twentytwentyfive
Author: SDGs Center UMRAH
Description: Child theme Twenty Twenty-Five untuk website SDGs Center Universitas Maritim Raja Ali Haji. Menambahkan header, footer, beranda, dan pattern SDGs; template lain mengikuti tema induk.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sdgs-center-umrah
*/
:root{--sdgs-line:#DCE5EE;--sdgs-teal:#0E7C86;--sdgs-navy:#0B2E4F;--sdgs-ink:#10243A;--sdgs-body:#33475B;--sdgs-muted:#5B6F83;--sdgs-cell:140px}

/* Dibatasi pada komponen SDGs agar template induk tidak berubah.
   Selector memakai .wp-block-group supaya menang atas blockGap Twenty Twenty-Five. */
.sdgs-main{background:#F6F9FC}
.sdgs-main>*{margin-block-start:0!important;margin-block-end:0!important}
.wp-block-group:is(.sdgs-header,.sdgs-footer,.sdgs-section) *{margin-block-start:0}
.wp-block-group.sdgs-section,.wp-block-group.sdgs-header,.wp-block-group.sdgs-footer{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--sdgs-ink);line-height:1.6;font-size:16px}
.wp-block-group.sdgs-section :is(h1,h2,h3){font-family:inherit;font-weight:700;color:inherit}
.wp-block-group.sdgs-section a,.wp-block-group.sdgs-header a,.wp-block-group.sdgs-footer a{text-decoration:none}
.wp-block-group.sdgs-section a:hover,.wp-block-group.sdgs-header a:hover{opacity:.85}

/* Header */
.wp-block-group.sdgs-header{background:#fff;border-bottom:1px solid var(--sdgs-line);padding:0}
.wp-block-group.sdgs-header .sdgs-header__inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.wp-block-group.sdgs-header .sdgs-brand{display:flex;align-items:center;gap:12px}
.wp-block-group.sdgs-header .sdgs-logo{margin:0}
.wp-block-group.sdgs-header .sdgs-logo img{width:56px;height:56px;object-fit:contain;display:block}
.wp-block-group.sdgs-header .sdgs-brand__text{line-height:1.1}
.wp-block-group.sdgs-header .sdgs-brand__text .wp-block-site-title{margin:0;font-weight:800;font-size:18px;line-height:1.1}
.wp-block-group.sdgs-header .sdgs-brand__text .wp-block-site-title a{color:var(--sdgs-ink)}
.wp-block-group.sdgs-header .sdgs-brand__text .wp-block-site-tagline{margin:2px 0 0;font-size:13px;color:var(--sdgs-muted)}
.wp-block-group.sdgs-header .sdgs-nav{gap:28px}
.wp-block-group.sdgs-header .sdgs-nav .wp-block-navigation__container{gap:28px}
.wp-block-group.sdgs-header .sdgs-nav .wp-block-navigation-item__content{font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--sdgs-ink)}
.wp-block-group.sdgs-header .sdgs-nav .wp-block-navigation-item__label::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid var(--sdgs-teal);border-bottom:2px solid var(--sdgs-teal);transform:rotate(45deg);margin-left:8px;position:relative;top:-2px}
.sdgs-sdgbar{height:6px;background:linear-gradient(90deg,#E5243B 0.0% 5.8824%,#DDA63A 5.8824% 11.7647%,#4C9F38 11.7647% 17.6471%,#C5192D 17.6471% 23.5294%,#FF3A21 23.5294% 29.4118%,#26BDE2 29.4118% 35.2941%,#FCC30B 35.2941% 41.1765%,#A21942 41.1765% 47.0588%,#FD6925 47.0588% 52.9412%,#DD1367 52.9412% 58.8235%,#FD9D24 58.8235% 64.7059%,#BF8B2E 64.7059% 70.5882%,#3F7E44 70.5882% 76.4706%,#0A97D9 76.4706% 82.3529%,#56C02B 82.3529% 88.2353%,#00689D 88.2353% 94.1176%,#19486A 94.1176% 100.0%)}

/* Section */
.wp-block-group.sdgs-section{padding:72px 32px}
.wp-block-group.sdgs-section.sdgs-section--white{background:#fff}
.wp-block-group.sdgs-section.sdgs-section--navy{background:var(--sdgs-navy);color:#fff}
.wp-block-group.sdgs-section.sdgs-section--navy h2{color:#fff}
.wp-block-group.sdgs-section h2{margin:0 0 8px;font-size:clamp(1.625rem,3vw,2rem);line-height:1.2;letter-spacing:-.01em}
.wp-block-group.sdgs-section h3{font-size:18px;line-height:1.3}
.wp-block-group.sdgs-section p{margin:0 0 16px}
.wp-block-group.sdgs-section .sdgs-eyebrow{font-weight:800;color:var(--sdgs-teal);font-size:13px;letter-spacing:.08em;margin:0 0 8px}
.wp-block-group.sdgs-section .sdgs-eyebrow--light{color:#26BDE2}
.wp-block-group.sdgs-section .sdgs-lead{margin:0 0 28px;font-size:16px;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-more a,.wp-block-group.sdgs-section a.sdgs-more{color:var(--sdgs-teal);font-weight:800}

.sdgs-grid{display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,320px)),1fr))}
.sdgs-grid--260{--min:260px;gap:40px}
.sdgs-grid--320{--min:320px}
.sdgs-grid--340{--min:340px;gap:20px}
.sdgs-grid--360{--min:360px;gap:40px}
.sdgs-grid--480{--min:480px;gap:24px}
.wp-block-group.sdgs-section h2+.sdgs-grid{margin-top:28px}
.wp-block-group.sdgs-section .sdgs-body{font-size:16px;line-height:1.75;color:var(--sdgs-body)}

/* Hero */
.wp-block-group.sdgs-section.sdgs-hero{color:#fff;position:relative;overflow:hidden;background:url(assets/images/hero.jpg) center/cover no-repeat;padding-top:96px;padding-bottom:96px}
.wp-block-group.sdgs-section .sdgs-pill{display:block;width:fit-content;margin-left:max(0px,calc((100% - 1136px)/2))!important;margin-right:auto!important;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.12);font-size:13px;font-weight:700;letter-spacing:.06em;margin-top:0;margin-bottom:0;color:#fff}
.wp-block-group.sdgs-section h1.sdgs-hero__title{margin:20px 0 16px;font-size:clamp(2.25rem,5vw,3.375rem);line-height:1.08;letter-spacing:-.02em;color:#fff}
.wp-block-group.sdgs-section .sdgs-hero__lead{margin:0 0 32px;font-size:18px;line-height:1.65;color:var(--sdgs-ink);max-width:520px;font-weight:700;margin-left:max(0px,calc((100% - 1136px)/2))!important;margin-right:auto!important}
.wp-block-group.sdgs-section .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}
.wp-block-group.sdgs-section .wp-block-button .wp-block-button__link{background:#26BDE2;color:#0B2E4F;font-weight:800;font-size:16px;border:0;border-radius:10px;padding:14px 26px;text-decoration:none}
.wp-block-group.sdgs-section .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid #fff;color:#fff;font-weight:700;padding:12px 26px}

/* Visi / Misi */
.wp-block-group.sdgs-section .sdgs-visi{margin:12px 0 0;padding:28px;background:var(--sdgs-navy);color:#fff;border:0;border-radius:16px;font-size:20px;line-height:1.55;font-weight:500}
.wp-block-group.sdgs-section .sdgs-visi p{margin:0;font-size:inherit;color:#fff}
.wp-block-group.sdgs-section .sdgs-misi{list-style:none;margin:0;padding:0;counter-reset:misi}
.wp-block-group.sdgs-section .sdgs-misi li{counter-increment:misi;display:flex;gap:14px;margin:0 0 14px;padding:0;font-size:15px;line-height:1.6;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-misi li::before{content:counter(misi);flex:none;width:28px;height:28px;border-radius:50%;background:var(--sdgs-teal);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* Card & Pilar */
.wp-block-group.sdgs-section .sdgs-card{background:#fff;border:1px solid var(--sdgs-line);border-radius:14px;padding:24px}
.wp-block-group.sdgs-section .sdgs-card .sdgs-card__num{font-size:14px;font-weight:800;color:var(--sdgs-teal);margin:0}
.wp-block-group.sdgs-section .sdgs-card h3{margin:8px 0}
.wp-block-group.sdgs-section .sdgs-card h3:first-child{margin:0 0 12px}
.wp-block-group.sdgs-section .sdgs-card p{margin:0;font-size:15px;line-height:1.6;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-card ul{margin:0;padding-left:18px;font-size:15px;line-height:1.65;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-pillar{background:#fff;color:var(--sdgs-ink);border-radius:16px;padding:28px;border-top:8px solid var(--c,#FCC30B)}
.wp-block-group.sdgs-section .sdgs-pillar h3{margin:6px 0 10px;font-size:22px}
.wp-block-group.sdgs-section .sdgs-pillar p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-pillar ul{margin:0;padding-left:18px;font-size:15px;line-height:1.65;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-pillar p.sdgs-pillar__label{font-size:13px;font-weight:800;color:var(--lc,#8A6A00);margin:0}
.sdgs-pillar--7{--c:#FCC30B;--lc:#8A6A00}
.sdgs-pillar--14{--c:#0A97D9;--lc:#06638C}
.sdgs-pillar--12{--c:#BF8B2E;--lc:#7A5817}
.sdgs-pillar--6{--c:#26BDE2;--lc:#0B6F8A}

/* SDG Explorer */
.sdgs-tiles{display:grid;grid-template-columns:repeat(auto-fill,var(--sdgs-cell));gap:16px;justify-content:center}
.sdgs-spr{display:block;width:var(--sdgs-cell);height:var(--sdgs-cell);background:url(assets/images/sdg-sprite.png) no-repeat;background-size:calc(var(--sdgs-cell)*6) calc(var(--sdgs-cell)*3);background-position:calc(var(--col)*var(--sdgs-cell)*-1) calc(var(--row)*var(--sdgs-cell)*-1)}
.sdgs-spr--big{flex:none}
.sdgs-tile{border:0;padding:0;cursor:pointer;border-radius:6px;background:none;width:var(--sdgs-cell);height:var(--sdgs-cell);opacity:.72;font-family:inherit}
.sdgs-tile[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 4px #fff,0 0 0 7px var(--sdgs-navy)}
.sdgs-tile:focus-visible{outline:3px solid var(--sdgs-teal);outline-offset:4px}
.wp-block-group.sdgs-section .sdgs-detail{margin-top:36px;background:#fff;border:1px solid var(--sdgs-line);border-radius:16px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}
.sdgs-detail__head{display:flex;gap:16px;align-items:center}
.sdgs-detail__num{font-size:13px;font-weight:800;color:var(--sdgs-teal);letter-spacing:.06em}
.wp-block-group.sdgs-section .sdgs-detail__name{margin:4px 0 0;font-size:24px}
.wp-block-group.sdgs-section .sdgs-badge{display:inline-block;margin-top:16px;padding:5px 12px;border-radius:99px;background:#E3F4F6;color:#0B5F68;font-size:13px;font-weight:800}
.wp-block-group.sdgs-section .sdgs-badge[hidden]{display:none}
.wp-block-group.sdgs-section .sdgs-detail__desc{margin:16px 0 0;font-size:15px;line-height:1.65;color:var(--sdgs-body)}
.wp-block-group.sdgs-section .sdgs-detail__news .sdgs-eyebrow{margin:0 0 12px}
.wp-block-group.sdgs-section .sdgs-detail__news a.sdgs-more{display:inline-block;margin-top:16px}

/* Berita */
.wp-block-group.sdgs-section .sdgs-newsitem{display:block;color:var(--sdgs-ink);padding:14px 0;border-bottom:1px solid var(--sdgs-line)}
.wp-block-group.sdgs-section .sdgs-newsitem .wp-block-post-date,.wp-block-group.sdgs-section .sdgs-newsitem__date{display:block;font-size:12px;color:var(--sdgs-muted);font-weight:700}
.wp-block-group.sdgs-section .sdgs-newsitem .wp-block-post-title,.wp-block-group.sdgs-section .sdgs-newsitem__title{display:block;font-weight:700;font-size:16px;line-height:1.45;margin:4px 0 0}
.wp-block-group.sdgs-section .sdgs-newsitem .wp-block-post-title a{color:var(--sdgs-ink)}
.wp-block-group.sdgs-section .sdgs-empty{border:2px dashed #B8C7D6;border-radius:14px;padding:36px;text-align:center;color:var(--sdgs-muted);background:#fff;font-size:14px}
.wp-block-group.sdgs-section .sdgs-empty p{margin:0}
.wp-block-group.sdgs-section .sdgs-empty p.sdgs-empty__title{font-weight:800;font-size:17px;color:var(--sdgs-ink)}
.wp-block-group.sdgs-section .sdgs-empty p.sdgs-empty__desc{font-size:14px;margin-top:6px}
.wp-block-group.sdgs-section .sdgs-detail__news .sdgs-empty{padding:28px;border-radius:12px}

/* Footer */
.wp-block-group.sdgs-footer{background:var(--sdgs-navy);color:#C9DAEA;padding:0}
.wp-block-group.sdgs-footer .sdgs-footer__cols{max-width:1200px;margin:0 auto;padding:56px 32px 40px}
.wp-block-group.sdgs-footer .sdgs-footer__cols p{margin:0 0 8px;font-size:14px;line-height:1.7;color:#C9DAEA}
.wp-block-group.sdgs-footer .sdgs-footer__cols p.sdgs-footer__title{color:#fff;font-weight:800;font-size:18px;margin:0 0 12px}
.wp-block-group.sdgs-footer .sdgs-footer__cols p.sdgs-footer__muted{color:#8FA9C4}
.wp-block-group.sdgs-footer .sdgs-footer__bottom{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:18px;font-size:13px}
.wp-block-group.sdgs-footer .sdgs-footer__bottom p{margin:0;color:#C9DAEA}