/*
Theme Name: KTG Child
Template: authentic
Description: Korea travel guide — Authentic (ThemeForest, Code Supply Co.) child. Presentation only; data/logic lives in the ktg-core plugin.
Version: 0.1.0
*/
:root{--ktg-accent:#c8102e}
.site-title a{font-weight:800;letter-spacing:-.02em}
.ktg-hero{margin:0 0 1.5rem}
.ktg-hero img{width:100%;max-height:460px;object-fit:cover;border-radius:10px}
.ktg-breadcrumb{font-size:.85rem;color:#6b7280;margin-bottom:.5rem}
.ktg-section-title{margin-top:2rem;border-bottom:2px solid var(--ktg-accent);padding-bottom:.25rem;display:inline-block}

/* Modest Traveler homepage slider: demo heading is 3rem — too wide on phones (titles get clipped). */
@media (max-width: 767px) {
  html body .cnvs-block-featured-posts-1569844467955 article .entry-title,
  .cnvs-block-posts-layout-slider-boxed .entry-title,
  .cnvs-block-posts-layout-slider-boxed .cnvs-post-title,
  .cnvs-block-posts-layout-slider-boxed h2 { font-size: 1.6rem !important; line-height: 1.2; word-break: keep-all; overflow-wrap: anywhere; }
}

/* Pretendard everywhere (icon fonts excluded) — see functions.php */
:root{--ktg-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html body,
body :is(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,td,th,label,figcaption,blockquote,cite,small,strong,em,b,button,input,select,textarea,.navbar-nav,.site-title,.logo,.post-meta,.entry-title,.title-block,.cnvs-block-section-heading,.pk-share-buttons-wrap):not([class*="icon"]):not(i){font-family:var(--ktg-font)!important}
body .entry-content{letter-spacing:-.005em}

/* CLS fix (2026-11-04): before Owl initialises, all home-slider slides render stacked (600px on mobile), then collapse to
   one slide (~254px) → layout shift 0.198 on the home page. Show only the first slide until .owl-loaded. */
.cs-block-slider-container .owl-carousel:not(.owl-loaded) > *:not(:first-child){display:none!important}
.cs-block-slider-container .owl-carousel:not(.owl-loaded){display:block}
/* Canvas prints an inline pre-init height (600px) for the boxed slider; on phones the real slide is ~250px. Let the first slide size it. */
@media (max-width:767px){body .cs-block-slider-featured .owl-carousel:not(.owl-loaded){height:auto!important}}
body [class*="pk-share-buttons"]:not([class*="icon"]):not(i),body [class*="pk-social-links"]:not([class*="icon"]):not(i),body .cs-share *:not(i){font-family:var(--ktg-font)!important}
body span:not([class*="icon"]){font-family:var(--ktg-font)!important}