/*
Theme Name: YPI Cordova
Theme URI: https://cordovasmr.sch.id/
Author: YPI Cordova Samarinda
Description: Custom WordPress theme Yayasan Pendidikan Islam Cordova Samarinda dengan CMS, Automatic Content Hub dengan External Feed Bridge, Homepage Control Center, workflow editorial berbasis unit, SEO otomatis, pencarian terpadu, native sitemap, panel pemeliharaan dan cache, feed 2×2, dan animasi Liquid Glass.
Version: 5.7.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: ypi-cordova
*/

/* WordPress compatibility layer */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.wp-shell{min-height:60vh;padding:90px 0;background:#f8f5ed}.wp-shell .container{max-width:900px}.wp-shell h1{font-family:"DM Serif Display",serif;color:#003d35;font-size:clamp(38px,6vw,64px)}.wp-shell .entry-content{margin-top:30px;line-height:1.8;color:#4e5d58}.wp-shell .entry-content img{max-width:100%;height:auto;border-radius:20px}.wp-post-list{display:grid;gap:20px;margin-top:32px}.wp-post-card{padding:24px;border:1px solid rgba(0,84,71,.12);border-radius:20px;background:rgba(255,255,255,.75);box-shadow:0 16px 50px rgba(0,61,53,.08)}.wp-post-card h2{font-size:28px;color:#003d35}.wp-post-card p{margin-top:10px;color:#67706d}.wp-post-card a{color:#005447;font-weight:700}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Step 5.2 CMS archive/single presentation */
.wp-post-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr;overflow:hidden;padding:0}
.wp-post-card__media{min-height:190px;background:#e9efec}.wp-post-card__media img{width:100%;height:100%;object-fit:cover}
.wp-post-card__content{padding:24px}.wp-post-card__content small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#087a68}
.wp-post-card__content>a{display:inline-block;margin-top:14px}.wp-entry-meta{margin-top:12px;color:#67706d;font-size:13px}.wp-entry-hero{margin-top:30px}.wp-entry-hero img{width:100%;height:auto;border-radius:24px}
@media(max-width:680px){.wp-post-card{grid-template-columns:1fr}.wp-post-card__media{min-height:220px}}

/* Step 5.3 — Automatic Content Hub */
.news-card__image{position:relative}
.news-card__source{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 32px);padding:8px 11px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(0,61,53,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.12);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:none}
.news-card--instagram .news-card__body b{display:inline-flex;align-items:center;gap:6px}
.social-card--instagram .social-card__tag{background:rgba(0,84,71,.55);border-color:rgba(255,255,255,.34)}
.social-card--instagram .social-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,45,39,.9))}
@media(max-width:760px){.news-card__source{left:14px;top:14px;font-size:8px}}


/* Step 5.3.2 — External Feed Bridge */
.external-feed-hub{margin-top:52px;padding:30px;border:1px solid rgba(0,84,71,.12);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,245,237,.65));box-shadow:0 22px 60px rgba(0,61,53,.08);overflow:hidden}
.external-feed-intro{display:grid;grid-template-columns:.36fr .64fr;gap:8px 28px;align-items:end;margin-bottom:26px}.external-feed-intro>span{font-size:9px;font-weight:800;letter-spacing:.17em;color:#087a68}.external-feed-intro>strong{font-family:"DM Serif Display",serif;font-size:28px;line-height:1.1;color:#003d35;font-weight:400}.external-feed-intro>p{grid-column:2;margin:0;color:#67706d;font-size:13px;line-height:1.7}.external-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.external-feed-panel{min-width:0;overflow:hidden;border:1px solid rgba(0,84,71,.11);background:rgba(255,255,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.external-feed-panel--sdit{border-radius:28px}.external-feed-panel--smpit{border-radius:20px;background:linear-gradient(145deg,rgba(0,84,71,.96),rgba(0,61,53,.96));color:#fff}.external-feed-panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid rgba(0,84,71,.09)}.external-feed-panel--smpit .external-feed-panel__head{border-bottom-color:rgba(255,255,255,.12)}.external-feed-panel__head small{font-size:9px;font-weight:800;letter-spacing:.16em;color:#087a68}.external-feed-panel--smpit .external-feed-panel__head small{color:#c7a35a}.external-feed-panel__head strong{font-size:12px;color:#003d35}.external-feed-panel--smpit .external-feed-panel__head strong{color:#fff}.external-feed-panel__body{padding:10px;min-height:180px}.external-feed-panel__body img{max-width:100%;height:auto}
@media(max-width:900px){.external-feed-grid{grid-template-columns:1fr}.external-feed-intro{grid-template-columns:1fr}.external-feed-intro>p{grid-column:auto}.external-feed-panel--sdit,.external-feed-panel--smpit{border-radius:22px}}
@media(max-width:560px){.external-feed-hub{padding:18px;border-radius:22px}.external-feed-intro>strong{font-size:24px}.external-feed-panel__head{padding:14px 15px}}


/* Step 5.3.3 — Compact Instagram feed 2×2 */
.external-feed-panel__body[data-feed-limit]{position:relative}
.external-feed-panel__body .cordova-quqii-grid [class*="quqii-feed-grid"]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(6px,.7vw,10px)!important;
}
.external-feed-panel__body .cordova-quqii-grid [class*="quqii-feed-grid"] > *:nth-child(n+5){display:none!important}
.external-feed-panel__body .cordova-feed-hidden{display:none!important}
.external-feed-panel__body .cordova-quqii-grid img,
.external-feed-panel__body .cordova-quqii-grid video{width:100%;height:auto;display:block}
@media(max-width:560px){
  .external-feed-panel__body{padding:8px}
  .external-feed-panel__body .cordova-quqii-grid [class*="quqii-feed-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Step 5.4 — Homepage Control Center */
.cordova-home-flex{display:flex;flex-direction:column}
.spmb-card .eyebrow--gold{display:flex;flex-wrap:wrap;gap:.25em}
.footer__brand p a{color:inherit;text-decoration:none}.footer__brand p a:hover{text-decoration:underline}

/* Step 5.5 — Editorial, unified search and responsive discovery */
.cordova-nav-search{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid rgba(0,84,71,.14);border-radius:50%;background:rgba(255,255,255,.55);color:#005447;text-decoration:none;transition:transform .2s,background .2s}
.cordova-nav-search:hover,.cordova-nav-search:focus-visible{background:#fff;transform:translateY(-2px)}
.cordova-nav-search>span[aria-hidden]{font-size:25px;line-height:1}
.cordova-search-page .container{max-width:980px}.cordova-search-lead{max-width:680px;color:#62736b;margin-top:10px;line-height:1.8}
.cordova-searchform{display:grid;gap:14px;margin-top:32px;padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(0,84,71,.12);box-shadow:0 20px 50px rgba(0,61,53,.06)}
.cordova-searchform>label{font-weight:700;color:#003d35}.cordova-searchform__line{display:flex;gap:12px;align-items:stretch}
.cordova-searchform__line input{min-width:0;flex:1;padding:14px 16px;border:1px solid #cddbd4;border-radius:13px;font:inherit;font-size:15px;color:#202523}
.cordova-searchform__line button{flex-shrink:0;cursor:pointer}
.cordova-searchform__filters{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cordova-searchform__filters label{font-weight:650;font-size:12px;color:#3c5d52}
.cordova-searchform__filters select{display:block;margin-top:6px;box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #cddbd4;border-radius:12px;background:#f8f5ed;color:#253b32;font:inherit}
.cordova-search-results{margin-top:35px}.cordova-search-results__count{font-size:17px;color:#005447}.cordova-search-results .wp-post-list{margin-top:18px}
.cordova-search-empty{padding:32px;border-radius:18px;background:#fff;border:1px solid rgba(0,84,71,.10)}.cordova-search-empty h2{font-family:"DM Serif Display",serif;font-weight:400;color:#003d35}
.cordova-search-page .nav-links{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.cordova-search-page .page-numbers{padding:9px 13px;border-radius:9px;background:#fff;color:#005447;text-decoration:none}.cordova-search-page .page-numbers.current{background:#005447;color:white}
@media(max-width:760px){.cordova-searchform{padding:18px}.cordova-searchform__filters{grid-template-columns:1fr}}
@media(max-width:540px){.cordova-searchform__line{flex-direction:column}.cordova-searchform__line button{width:100%}.cordova-nav-search{min-width:38px;height:38px}}