/* Umar & Sundas: light Dutch theme (cream, polder green, Dutch orange). Mirrors the Kadence global palette. */
:root{
  --uas-ink:#1e2a33;--uas-ink2:#3b4852;--uas-mut:#6b7780;--uas-line:#eae2d3;
  --uas-cream:#fbf7f0;--uas-sand:#f4ede1;--uas-green:#2f6b4f;--uas-green2:#24553f;
  --uas-orange:#e8772e;--uas-orange2:#c4581a;
  --uas-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --uas-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --uas-radius:18px;--uas-shadow:0 18px 44px rgba(30,42,51,.12);
  --global-body-font-family:var(--uas-sans);--global-heading-font-family:var(--uas-serif);
}
body{font-family:var(--uas-sans);color:var(--uas-ink2);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title{font-family:var(--uas-serif);color:var(--uas-ink);font-weight:650;letter-spacing:-.012em}
a{color:var(--uas-green)}
::selection{background:#f7d9c2}

/* ===== Header ===== */
#masthead{position:relative;z-index:20;box-shadow:0 1px 0 rgba(30,42,51,.07)}
.site-branding .site-title{display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.5rem;font-weight:700;color:var(--uas-ink)}
.site-branding .site-title::before{content:"";flex:0 0 30px;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.6 31 14.5 15h3l1.9 16z' fill='%232f6b4f'/%3E%3Cg fill='%23e8772e' transform='rotate(18 16 13)'%3E%3Crect x='15.25' y='1' width='1.5' height='24' rx='.75'/%3E%3Crect x='4' y='12.25' width='24' height='1.5' rx='.75'/%3E%3Crect x='16.75' y='2.2' width='3.4' height='8.6' rx='.6'/%3E%3Crect x='11.85' y='15.2' width='3.4' height='8.6' rx='.6'/%3E%3Crect x='5.2' y='8.85' width='8.6' height='3.4' rx='.6'/%3E%3Crect x='18.2' y='13.75' width='8.6' height='3.4' rx='.6'/%3E%3C/g%3E%3Ccircle cx='16' cy='13' r='1.7' fill='%232f6b4f'/%3E%3C/svg%3E") center/contain no-repeat}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-weight:600;color:var(--uas-ink)}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover,.main-navigation .primary-menu-container>ul>li.menu-item.current-menu-item>a{color:var(--uas-green)}
.header-navigation .header-menu-container ul ul.sub-menu,.header-navigation .header-menu-container ul ul.submenu{background:#fff;border:1px solid var(--uas-line);border-radius:14px;overflow:hidden;box-shadow:var(--uas-shadow)}
.header-navigation .header-menu-container ul ul li.menu-item>a{color:var(--uas-ink);font-size:.92rem;font-weight:600}
.header-navigation .header-menu-container ul ul li.menu-item>a:hover{color:var(--uas-green);background:var(--uas-cream)}
.header-navigation .header-menu-container ul ul li:not(:last-child){border-bottom:1px solid var(--uas-line)}
.search-toggle-open-container .search-toggle-open{color:var(--uas-ink)}
#search-drawer .drawer-inner{background:rgba(251,247,240,.98);color:var(--uas-ink)}
#search-drawer .drawer-header .drawer-toggle{color:var(--uas-ink)}
#search-drawer .drawer-inner input.search-field{color:var(--uas-ink);border-bottom:2px solid var(--uas-ink)}
#search-drawer .drawer-inner .search-submit[type="submit"],#search-drawer .drawer-inner .kadence-search-icon-wrap{color:var(--uas-ink)}

/* ===== Mobile drawer: light ===== */
#mobile-drawer .drawer-inner{background:#fff;color:var(--uas-ink)}
#mobile-drawer .drawer-header .drawer-toggle{color:var(--uas-ink)}
#mobile-drawer .mobile-navigation ul li>a,#mobile-drawer .mobile-navigation ul li.menu-item-has-children>.drawer-nav-drop-wrap{color:var(--uas-ink)}
#mobile-drawer .mobile-navigation ul li.current-menu-item>a{color:var(--uas-green)}
#mobile-drawer .mobile-navigation ul li:not(.menu-item-has-children) a,#mobile-drawer .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap{border-bottom:1px solid var(--uas-line)}
#mobile-drawer .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid var(--uas-line);color:var(--uas-ink)}

/* ===== Shared ===== */
.entry-content>.wp-block-group,.entry-content>.wp-block-cover{margin-top:0;margin-bottom:0}
.uas-section{padding:5.5rem 1.5rem}
.uas-section>.wp-block-group__inner-container{max-width:1200px;margin:0 auto}
.uas-tint{background:var(--uas-sand)}
/* .entry-content prefix: Kadence's .single-content p/h2 margins otherwise win */
.entry-content .uas-eyebrow{margin:0 0 .55rem;font-family:var(--uas-sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;line-height:1.5;text-transform:uppercase;color:var(--uas-orange2)}
.entry-content .uas-section h2{margin:0 0 .8rem;font-size:clamp(1.85rem,3.4vw,2.7rem);line-height:1.12}
.entry-content .uas-sub{max-width:40rem;margin:0 0 2.4rem;font-size:1.08rem;line-height:1.65;color:var(--uas-mut)}
.entry-content .uas-lead{margin:0 0 1.6rem;font-size:1.1rem;line-height:1.65;color:var(--uas-ink2)}
.wp-block-buttons .wp-block-button__link{border-radius:999px;padding:.85rem 1.55rem;font-family:var(--uas-sans);font-size:1rem;font-weight:700;line-height:1.2;transition:background .2s,border-color .2s,color .2s,transform .2s}
.wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--uas-green);border:2px solid var(--uas-green);color:#fff}
.wp-block-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--uas-green2);border-color:var(--uas-green2);color:#fff;transform:translateY(-1px)}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link{background:rgba(255,255,255,.6);border:2px solid rgba(30,42,51,.25);color:var(--uas-ink)}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fff;border-color:var(--uas-ink);color:var(--uas-ink)}

/* ===== Photo heroes with frosted cards ===== */
.uas-hero.wp-block-cover{min-height:88vh;padding:2.5rem 1.5rem}
.uas-hero .wp-block-cover__image-background{object-position:46% 42%}
.uas-hero .wp-block-cover__inner-container,.uas-banner .wp-block-cover__inner-container,.uas-page-hero .wp-block-cover__inner-container{display:flex;width:100%;max-width:1320px;margin:0 auto}
.uas-hero .wp-block-cover__inner-container,.uas-banner .wp-block-cover__inner-container{justify-content:flex-end}
.uas-hero-card,.uas-banner-card{max-width:500px;padding:2.4rem 2.5rem;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,252,247,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 26px 60px rgba(30,42,51,.18);color:var(--uas-ink2)}
.uas-hero-card>.wp-block-group__inner-container>:last-child,.uas-banner-card>.wp-block-group__inner-container>:last-child{margin-bottom:0}
.entry-content .uas-hero-title{margin:0 0 1rem;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.06}
.uas-hero-title em,.uas-banner-card em{font-style:italic;color:var(--uas-green)}
.uas-page-hero.wp-block-cover{min-height:60vh;padding:2.5rem 1.5rem;align-items:flex-end}
.uas-banner.wp-block-cover{min-height:460px;padding:3rem 1.5rem}
.uas-banner .wp-block-cover__image-background{object-position:50% 55%}
.uas-banner-card{padding:2rem 2.3rem}
.entry-content .uas-banner-card h2{margin:0;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25}
.entry-content .uas-banner-card .uas-eyebrow{color:var(--uas-green);text-transform:none;letter-spacing:.02em;font-size:.95rem;font-family:var(--uas-serif);font-weight:600}

/* ===== Latest posts (query loop) ===== */
.uas-latest .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.uas-latest .wp-block-post-template>li{display:flex;flex-direction:column;margin:0;overflow:hidden;background:#fff;border:1px solid var(--uas-line);border-radius:var(--uas-radius);box-shadow:0 10px 28px rgba(30,42,51,.06);transition:transform .25s,box-shadow .25s}
.uas-latest .wp-block-post-template>li:hover{transform:translateY(-4px);box-shadow:var(--uas-shadow)}
.uas-latest .wp-block-post-featured-image{margin:0}
.uas-latest .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.uas-latest .taxonomy-category{margin:1.25rem 1.4rem 0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.uas-latest .taxonomy-category a{color:var(--uas-orange2);text-decoration:none}
.uas-latest .wp-block-post-title{margin:.45rem 1.4rem .35rem;font-size:1.3rem;line-height:1.25}
.uas-latest .wp-block-post-title a{color:var(--uas-ink);text-decoration:none}
.uas-latest .wp-block-post-title a:hover{color:var(--uas-green)}
.uas-latest .wp-block-post-date{margin:0 1.4rem;font-size:.85rem;color:var(--uas-mut)}
.uas-latest .wp-block-post-excerpt{margin:.7rem 1.4rem 1.5rem;font-size:.97rem;color:var(--uas-ink2)}
.uas-latest .wp-block-post-excerpt__excerpt{margin:0}
.uas-latest .wp-block-post-excerpt__more-text{display:none}
.uas-latest .wp-block-query-no-results p{padding:2rem;text-align:center;color:var(--uas-mut);background:#fff;border:1px dashed var(--uas-line);border-radius:var(--uas-radius)}
.entry-content .uas-more{justify-content:center;margin-top:2.6rem}

/* ===== Topic cards ===== */
.uas-topics .wp-block-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0}
.uas-topics .wp-block-column{margin:0;flex-basis:auto}
.uas-topic.wp-block-cover{min-height:320px;padding:0;overflow:hidden;border-radius:var(--uas-radius);box-shadow:0 10px 28px rgba(30,42,51,.1)}
.uas-topic .wp-block-cover__image-background{transition:transform .6s ease}
.uas-topic:hover .wp-block-cover__image-background{transform:scale(1.06)}
.uas-topic .wp-block-cover__inner-container{position:absolute;inset:0;display:flex;align-items:flex-end;width:auto;padding:1rem}
.entry-content .uas-topic-label{margin:0}
.uas-topic-label a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.05rem;border-radius:999px;background:#fff;color:var(--uas-ink);font-family:var(--uas-serif);font-size:1.08rem;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(30,42,51,.18)}
.uas-topic-label a::after{content:"";position:absolute;inset:0}
.entry-content .uas-topic-desc{margin:.85rem .25rem 0;font-size:.95rem;line-height:1.5;color:var(--uas-mut)}

/* ===== Image + text splits, facts, CTA ===== */
.uas-split .wp-block-columns{gap:4rem;margin:0}
.uas-split .wp-block-image{margin:0}
.uas-split .wp-block-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;box-shadow:var(--uas-shadow)}
.uas-split .uas-portrait img{aspect-ratio:4/5}
.uas-split p{font-size:1.06rem;line-height:1.75}
.uas-facts .wp-block-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:0}
.uas-facts .wp-block-column{margin:0;padding:1.4rem 1.5rem;background:#fff;border:1px solid var(--uas-line);border-radius:var(--uas-radius);box-shadow:0 8px 22px rgba(30,42,51,.05)}
.entry-content .uas-fact-label{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uas-orange2)}
.entry-content .uas-fact-value{margin:0;font-family:var(--uas-serif);font-size:1.25rem;font-weight:650;line-height:1.3;color:var(--uas-ink)}
.uas-cta{text-align:center}
.uas-cta .uas-sub{margin-left:auto;margin-right:auto}
.uas-cta .wp-block-buttons{justify-content:center}

/* ===== Vlog archive, category pages and single posts (Kadence) ===== */
.post-archive-hero-section .entry-hero-container-inner{background:linear-gradient(135deg,#fbf7f0 0%,#f1e9dc 100%);border-bottom:1px solid var(--uas-line)}
.post-archive-hero-section .archive-description{max-width:40rem;margin:0 auto;color:var(--uas-mut)}
.loop-entry{overflow:hidden;border:1px solid var(--uas-line);border-radius:var(--uas-radius);box-shadow:0 10px 28px rgba(30,42,51,.06);transition:transform .25s,box-shadow .25s}
.loop-entry:hover{transform:translateY(-3px);box-shadow:var(--uas-shadow)}
.loop-entry .entry-taxonomies a{color:var(--uas-orange2);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.loop-entry .entry-title a{color:var(--uas-ink)}
.loop-entry .post-more-link{color:var(--uas-green);font-weight:700}
.single-post .single-content{font-size:1.075rem;line-height:1.8}
.single-post .single-content h2{margin-top:2.2rem;font-size:1.75rem}
.single-post .single-content .wp-block-embed{margin:2rem 0}
.single-post .single-content .wp-block-image img,.single-post .single-content .wp-block-gallery img{border-radius:14px}
.entry-related{background:var(--uas-sand)}

/* ===== Footer ===== */
.site-footer .site-footer-row-container-inner{background:var(--uas-sand);border-top:1px solid var(--uas-line)}
.site-footer .footer-html{font-size:.92rem;color:var(--uas-mut)}
.site-footer .footer-html a{color:var(--uas-green);font-weight:600;text-decoration:none}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .uas-topics .wp-block-columns,.uas-facts .wp-block-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:781px){
  /* Phones: photo on top, card overlapping its lower edge, so the scene stays visible */
  .uas-hero.wp-block-cover,.uas-page-hero.wp-block-cover{display:block;min-height:0;padding:0;background:var(--uas-cream)}
  .uas-hero .wp-block-cover__image-background,.uas-page-hero .wp-block-cover__image-background{position:relative;display:block;height:46svh;min-height:280px}
  .uas-hero .wp-block-cover__inner-container,.uas-page-hero .wp-block-cover__inner-container{display:block;margin-top:-3rem;padding:0 1rem 1.75rem}
  .uas-hero-card{max-width:none}
  .uas-banner.wp-block-cover{padding:2rem 1rem}
  .uas-banner .wp-block-cover__inner-container{justify-content:center}
  .uas-hero-card,.uas-banner-card{padding:1.6rem 1.5rem;border-radius:22px}
  .uas-section{padding:3.75rem 1.25rem}
  .uas-split .wp-block-columns{gap:2rem}
}
@media (max-width:560px){
  .uas-topics .wp-block-columns,.uas-facts .wp-block-columns{grid-template-columns:1fr}
  .uas-topic.wp-block-cover{min-height:240px}
}