/* ============================
GLOBAL STYLES
============================ */

body,
.site,
#content{
background-color:#f7f3e9 !important;
}

body,p{
font-size:17px;
line-height:1.7;
color:#333;
margin-bottom:18px;
}

h1,h2,h3,.entry-title,.site-title{
font-family:'Playfair Display',serif;
font-weight:600;
letter-spacing:0.2px;
}

body,p,li,a,.main-navigation a,.ast-builder-menu .menu-link{
font-family:'Inter',sans-serif !important;
}
.post-thumbnail img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}
.post-thumbnail {
  height: auto !important;
}
.wp-post-image {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}
.wp-block-image img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}

h1{font-size:28px !important;font-weight:700;}
h2{font-size:24px !important;font-weight:700;}
h3{font-size:20px !important;font-weight:600;}

.ast-container{
max-width:1200px;
}

.entry-content img{
margin:24px 0;
display:block;
}

/* ============================
LINK STYLE
============================ */

a{
color:#6a4fd8;
text-decoration:underline;
font-weight:500;
}

a:hover{
color:#523bb8;
}

/* ============================
YOUTUBE EMBED
============================ */

.wp-block-embed__wrapper iframe{
display:block;
width:100% !important;
height:auto !important;
aspect-ratio:16/9;
border:0;
border-radius:12px;
}

/* ============================
HEADER
============================ */

.site-description{
display:none !important;
}

.main-navigation a,
.ast-builder-menu .menu-link{
font-size:18px;
font-weight:600;
letter-spacing:0.3px;
color:#ffffff;
}

.main-navigation a:hover{
opacity:0.8;
}

.site-header{
padding-top:20px;
padding-bottom:20px;
}

.ast-builder-menu-1 .menu{
display:flex;
gap:32px;
}

/* ============================
FOOTER
============================ */

.site-footer{
background-color:#F4EFE6 !important;
}

/* ============================
HOME CATEGORY CARDS
============================ */

.home-lessons{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:40px;
}

.lesson-card{
padding:28px;
border-radius:14px;
box-shadow:0 4px 14px rgba(0,0,0,0.05);
}

.lesson-card h3{
margin-top:0;
font-size:22px;
}

.lesson-card p{
line-height:1.6;
margin-bottom:18px;
}

.lesson-button{
display:inline-block;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-weight:600;
background:#2f4f4f;
color:white;
}

.lesson-button:hover{
background:#1e3636;
}

.stories{background:#f3f8f4;}
.episodes{background:#f8f6f1;}
.printables{background:#f3f6fb;}

/* ============================
HIDE FEATURED IMAGE INSIDE POST
============================ */

.single-post .ast-single-post-featured-image,
.single-post .post-thumb,
.single-post .wp-post-image{
display:none !important;
}

/* ============================
BLOG LIST THUMBNAIL FIX
썸네일 위 / 제목 아래 구조
============================ */

.ast-article-post{
display:block;
}

.ast-blog-featured-section{
width:100%;
margin-bottom:14px;
}

.ast-blog-featured-section img{
width:100%;
height:auto;
object-fit:cover;
object-position:center;
}
/* 썸네일을 자르지 않고 축소해서 보여주기 */
.ast-blog-featured-section img{
width:100%;
height:220px;
object-fit:contain;
background:#f7f3e9;
}
.ast-blog-featured-section img
{
.wp-block-image img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}
.lesson-grid {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.lesson-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.jasmine-side {
  flex: 0 0 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jasmine-side img {
  width: 72px;
  height: auto;
  display: block;
}

.lesson-card {
  flex: 1;
  border-radius: 24px;
  padding: 24px 24px 26px;
  box-sizing: border-box;
}

.lesson-card h3 {
  margin: 0 0 12px;
}

.lesson-card p {
  margin: 0 0 16px;
  line-height: 1.7;
}

.stories {
  background: #FFF3B8;
}

.special {
  background: #DCEFFF;
}

.printables {
  background: #FFE1EC;
}

@media (max-width: 768px) {
  .lesson-wrap {
    gap: 10px;
    align-items: flex-start;
  }

  .jasmine-side {
    flex: 0 0 52px;
    padding-top: 10px;
  }

  .jasmine-side img {
    width: 52px;
  }

  .lesson-card {
    padding: 18px 18px 20px;
    border-radius: 20px;
  }

  .lesson-card p {
    line-height: 1.6;
  }
}
.lesson-card {
  position: relative;
}

/* 노랑 */
.stories::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 120px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026년-3월-27일-오후-09_04_45.png");
  background-size: contain;
  background-repeat: no-repeat;
}

/* 파랑 */
.special::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 120px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026년-3월-27일-오후-09_04_54.png");
  background-size: contain;
  background-repeat: no-repeat;
}

/* 분홍 */
.printables::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 120px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026년-3월-27일-오후-09_05_04.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.lesson-grid {
  padding-left: 90px;
}

.lesson-card {
  position: relative;
}

/* 노랑 */
.stories::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 110px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026%EB%85%84-3%EC%9B%94-27%EC%9D%BC-%EC%98%A4%ED%9B%84-09_04_45.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 파랑 */
.special::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 110px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026%EB%85%84-3%EC%9B%94-27%EC%9D%BC-%EC%98%A4%ED%9B%84-09_04_54.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 분홍 */
.printables::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 110px;
  background-image: url("https://jasminestory.net/wp-content/uploads/2026/03/ChatGPT-Image-2026%EB%85%84-3%EC%9B%94-27%EC%9D%BC-%EC%98%A4%ED%9B%84-09_05_04.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 768px) {
  .lesson-grid {
    padding-left: 56px;
  }

  .stories::before,
  .special::before,
  .printables::before {
    left: -50px;
    width: 42px;
    height: 72px;
  }
}
.stories {
  background: #eef4f1;
}

.special {
  background: #f3efe4;
}

.printables {
  background: #f1f2fb;
}
.stories {
  background: #FFF4A8; /* 파스텔 노랑 */
}

.special {
  background: #D6ECFF; /* 파스텔 하늘색 */
}

.printables {
  background: #FFD6E7; /* 파스텔 분홍 */
}