/*
Theme Name: 라온채 한옥 스테이 FINAL
Theme URI: https://raonchae.kr
Author: OpenAI for 라온채
Description: 라온채 독채 한옥 스테이 전용 워드프레스 테마. 관리자에서 사진, 팝업, 요금과 기본 문구를 쉽게 수정할 수 있습니다.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: raonchae
*/

:root{--paper:#f7f3ec;--paper2:#fffdf9;--ink:#3e352e;--muted:#776d64;--line:#ddd4c8;--side:264px;--accent:#836f5b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper2);font-family:"Noto Sans KR",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.serif{font-family:"Gowun Batang","Nanum Myeongjo",serif}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:linear-gradient(180deg,#fbf8f2 0%,#f5efe6 100%);border-right:1px solid #e3dbd0;z-index:50;padding:52px 38px 34px;display:flex;flex-direction:column}
.logo{text-align:center}.roof{width:112px;height:56px;margin:auto;stroke:#4c4239;fill:none;stroke-width:1.6}.logo h1{font-family:"Nanum Myeongjo",serif;font-weight:400;font-size:2.15rem;letter-spacing:.24em;margin:7px 0 2px;padding-left:.24em}.logo p{font-family:"Nanum Myeongjo",serif;font-size:.76rem;letter-spacing:.38em;margin:0;padding-left:.38em}
.nav{margin:auto 0}.nav a{position:relative;display:block;padding:15px 0 15px 28px;font-family:"Gowun Batang",serif;font-size:1.08rem;transition:.25s}.nav a:before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;border-radius:50%;background:transparent;transform:translateY(-50%);transition:.25s}.nav a.active:before,.nav a:hover:before{background:#4c4239}.nav a.active{font-weight:700}.nav a:after{content:"";position:absolute;left:27px;right:0;bottom:3px;height:1px;background:transparent}.nav a.active:after{background:#cfc4b6}
.sidebar-art{margin-top:auto}.pine{width:100%;height:185px;stroke:#8a8075;fill:none;stroke-width:1;opacity:.7}.side-copy{text-align:center;font-size:.64rem;letter-spacing:.14em;color:#8c8177;margin-top:5px}
main{margin-left:var(--side);min-height:100vh}.hero{height:72vh;min-height:540px;max-height:740px;position:relative;overflow:hidden;background:#eee8de;margin:20px 20px 0}.slides{position:absolute;inset:0;touch-action:pan-y;cursor:grab;user-select:none}.slides.dragging{cursor:grabbing}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.slide.active{opacity:1}.slide img{width:92%;height:100%;margin:0 auto;object-fit:cover;object-position:center;display:block;transform:none;background:#eee8de}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,14,12,0) 70%,rgba(16,14,12,.18))}
.hero-copy{position:relative;color:#3d3731;background:#faf7f1;padding:22px 34px 26px;margin:0 28px;border-bottom:1px solid #e4ddd4;display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.hero-copy h2{font-family:"Gowun Batang",serif;font-size:1.15rem;font-weight:400;line-height:1.55;margin:0;letter-spacing:.05em;white-space:nowrap}.hero-copy p{font-family:"Gowun Batang",serif;font-size:.88rem;line-height:1.75;margin:0;color:#756c63;text-align:right}.counter{position:absolute;z-index:4;left:6.5%;bottom:52px;color:#fff;display:flex;align-items:center;gap:17px;font-family:"Nanum Myeongjo",serif}.arrow{width:36px;height:36px;border:1px solid rgba(255,255,255,.72);background:rgba(74,61,51,.28);color:#fff;border-radius:50%;cursor:pointer;font-size:1.15rem}.dots{display:flex;gap:8px}.dot{width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent;padding:0}.dot.active{background:#fff}.play-toggle{min-width:42px;height:36px;border:1px solid rgba(255,255,255,.72);background:rgba(74,61,51,.3);color:#fff;border-radius:20px;cursor:pointer;font-size:.9rem;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.play-toggle:hover,.arrow:hover{background:rgba(74,61,51,.55)}
.section{padding:110px clamp(26px,5.5vw,90px);border-top:1px solid #e8e0d7}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:72px}.eyebrow{font-family:"Nanum Myeongjo",serif;font-size:.73rem;letter-spacing:.28em;color:#9a8978}.section h2{font-family:"Gowun Batang",serif;font-size:clamp(2.1rem,4vw,3.65rem);font-weight:400;margin:8px 0 0}.section-lead{max-width:480px;color:var(--muted);font-family:"Gowun Batang",serif}
.room{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(480px,1.4fr);gap:clamp(35px,5vw,88px);align-items:start;margin-bottom:125px}.room:nth-child(even){grid-template-columns:minmax(480px,1.4fr) minmax(330px,.8fr)}.room:nth-child(even) .room-copy{order:2}.room:nth-child(even) .room-photo{order:1}.room-copy{padding-top:18px}.room-no{font-family:"Nanum Myeongjo",serif;font-size:.78rem;letter-spacing:.2em;color:#9a8978;display:flex;align-items:center;gap:14px}.room-no:after{content:"";width:62px;height:1px;background:#cfc4b8}.room h3{font-family:"Gowun Batang",serif;font-size:2.4rem;font-weight:400;margin:16px 0 12px}.room-desc{font-family:"Gowun Batang",serif;color:#756b63;margin:0 0 28px}.quick{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;flex-wrap:wrap;gap:13px 24px;font-size:.88rem}.quick span{display:flex;align-items:center;gap:7px}.mini-svg{width:20px;height:20px;stroke:#655a51;fill:none;stroke-width:1.7}
.amenities{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:19px 12px;margin-top:28px}.amenity{text-align:center;min-width:0}.amenity svg{width:36px;height:36px;stroke:#554b43;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.amenity .fill{fill:#eee3d3;stroke:#77695c}.amenity b{display:block;font-family:"Gowun Batang",serif;font-weight:400;font-size:.75rem;line-height:1.35;margin-top:7px}.details{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px}.details h4{font-family:"Gowun Batang",serif;font-size:1rem;margin:0 0 8px}.details p{font-size:.8rem;color:#72685f;margin:0}.room-photo{position:relative;overflow:hidden;border-radius:0 78px 0 0;min-height:570px;background:#ddd}.room-photo img{width:100%;height:100%;min-height:570px;object-fit:cover;display:block;transition:transform .9s}.room-photo:hover img{transform:scale(1.025)}.thumb-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.thumb-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-card{overflow:hidden;position:relative;background:#ddd;cursor:pointer}.photo-card:first-child{grid-column:span 2;grid-row:span 2}.photo-card img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:.65s}.photo-card:first-child img{aspect-ratio:16/10}.photo-card:hover img{transform:scale(1.035)}.photo-card span{position:absolute;left:18px;bottom:14px;color:#fff;font-family:"Gowun Batang",serif;text-shadow:0 2px 8px #000}
.special-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.special-card{background:var(--paper);padding-bottom:22px}.special-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.special-card h3{font-family:"Gowun Batang",serif;font-size:1.35rem;font-weight:400;margin:17px 20px 4px}.special-card p{font-size:.82rem;color:#776d64;margin:0 20px}
.booking{background:#f2ece3}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:920px}.price-card{background:#fffdf9;border:1px solid #ddd2c5;padding:28px}.price-card h3{font-family:"Gowun Batang",serif;font-weight:400;margin:0 0 16px;font-size:1.3rem}.price-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #eee7de;font-size:.85rem}.price-row:first-of-type{border-top:0}.price-row strong{white-space:nowrap}.book-actions{display:flex;gap:12px;margin-top:30px}.book-actions a{padding:13px 24px;border:1px solid #5b5047;font-family:"Gowun Batang",serif}.book-actions a:first-child{background:#5b5047;color:#fff}.notice{font-size:.74rem;color:#85796e;margin-top:16px}
.location-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.map{min-height:430px;background:#e7e0d5;position:relative;overflow:hidden}.map iframe{width:100%;height:430px;border:0}.location-copy h3{font-family:"Gowun Batang",serif;font-size:1.7rem;font-weight:400}.location-copy p{color:#756a61}.map-btn{display:inline-block;margin-top:18px;padding:11px 20px;border:1px solid #61564d;font-family:"Gowun Batang",serif}
footer{margin-left:var(--side);padding:32px clamp(24px,5vw,80px);border-top:1px solid #e4dbd1;display:flex;justify-content:space-between;gap:25px;font-size:.73rem;color:#84796f}
.business-footer{margin-left:var(--side);padding:30px clamp(24px,5vw,80px);border-top:1px solid #d8cec2;background:#fff;display:grid;grid-template-columns:1.35fr 1fr 1.2fr;gap:34px;color:#4f463e;font-size:.78rem;line-height:1.75}
.business-footer h3{font-family:"Gowun Batang",serif;font-size:.92rem;margin:0 0 8px;color:#2f2924}
.business-footer p{margin:0}
.business-footer>div+div{border-left:1px solid #e2d9cf;padding-left:34px}

.lightbox{position:fixed;inset:0;background:rgba(18,15,13,.94);z-index:100;display:none;place-items:center;padding:4vw}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer}
.mobilebar{display:none}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.show{opacity:1;transform:none}

.nav a.active{color:#2f2924}.nav a.active:before{box-shadow:0 0 0 5px rgba(76,66,57,.09)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.18);z-index:4}
.hero-copy:before{display:none}
.section-head{scroll-margin-top:30px}.room,.photo-grid,.special-grid,.price-grid,.location-grid{content-visibility:auto;contain-intrinsic-size:900px}
.book-actions a{transition:background .25s,color .25s,transform .25s}.book-actions a:hover{transform:translateY(-2px)}.book-actions a:not(:first-child):hover{background:#5b5047;color:#fff}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.reveal,.room-photo img,.photo-card img,.book-actions a{transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){:root{--side:220px}.sidebar{padding:38px 28px}.room,.room:nth-child(even){grid-template-columns:1fr}.room:nth-child(even) .room-copy,.room:nth-child(even) .room-photo{order:initial}.room-photo,.room-photo img{min-height:480px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-card:first-child{grid-column:span 2}.location-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:720px){.sidebar{display:none}main,footer{margin-left:0}.mobilebar{display:flex;position:fixed;top:0;left:0;right:0;height:66px;background:rgba(250,247,241,.94);backdrop-filter:blur(12px);z-index:60;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ddd4c8}.mobile-logo{font-family:"Nanum Myeongjo",serif;letter-spacing:.18em;font-size:1.15rem}.mobile-nav{display:flex;gap:14px;overflow-x:auto;font-family:"Gowun Batang",serif;font-size:.76rem;white-space:nowrap}.hero{height:66vh;min-height:460px;max-height:620px;margin:78px 8px 0}.slide img{width:96%;object-fit:cover}.hero-copy{margin:0 12px;padding:18px 16px 20px;display:block}.hero-copy h2{font-size:1.02rem;margin-bottom:8px;white-space:normal}.hero-copy p{font-size:.8rem;text-align:left;line-height:1.65}.counter{left:8%;bottom:20px}.section{padding:82px 18px}.section-head{margin-bottom:50px}.room{margin-bottom:90px;gap:28px}.room-photo,.room-photo img{min-height:390px}.room-photo{border-radius:0 45px 0 0}.room h3{font-size:2rem}.details{grid-template-columns:1fr}.amenities{grid-template-columns:repeat(4,1fr)}.photo-grid,.special-grid,.price-grid{grid-template-columns:1fr}.photo-card:first-child{grid-column:auto;grid-row:auto}.book-actions{flex-direction:column}.book-actions a{text-align:center}.map,.map iframe{height:350px;min-height:350px}.business-footer{margin-left:0;grid-template-columns:1fr;padding:24px 20px;gap:20px;text-align:left}.business-footer>div+div{border-left:0;border-top:1px solid #e2d9cf;padding-left:0;padding-top:18px}footer{flex-direction:column;text-align:center;padding:26px 18px}.slide img{object-position:center}}

/* ===== 사용자가 선택한 기존 심플 인트로 ===== */
body.opening-active{overflow:hidden}
.premium-opening{
  position:fixed;inset:0;z-index:4000;display:grid;place-items:center;
  background:var(--paper,#f7f3ec);color:#2a2521;opacity:1;visibility:visible;
  transition:opacity .8s ease,visibility .8s ease;
}
.premium-opening.hide{opacity:0;visibility:hidden;pointer-events:none}
.opening-inner{text-align:center;padding:24px}
.opening-line{opacity:0;transform:translateY(12px);will-change:opacity,transform}
.opening-hanja{font-family:"Gungsuh","궁서","Nanum Myeongjo",serif;font-size:clamp(2.4rem,7vw,4.6rem);letter-spacing:.22em;animation:openingIn .9s .15s forwards}
.opening-korean{font-family:"Gungsuh","궁서","Nanum Myeongjo",serif;font-size:clamp(1.1rem,3vw,1.55rem);letter-spacing:.22em;margin-top:18px;animation:openingIn .8s 1.05s forwards}
.opening-copy{font-family:"Nanum Myeongjo",serif;font-size:clamp(1rem,3vw,1.45rem);line-height:1.8;margin-top:34px;animation:openingIn .9s 1.75s forwards}
.opening-skip{position:absolute;right:26px;bottom:24px;border:0;background:none;color:#8b8179;font-size:.72rem;letter-spacing:.22em;cursor:pointer;padding:12px}
@keyframes openingIn{to{opacity:1;transform:none}}
@media(max-width:720px){.opening-skip{right:14px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.opening-line{opacity:1;transform:none;animation:none}}


/* ===== 팝업 오른쪽 상단 고정 ===== */
#raonchae-popup-overlay{position:fixed!important;inset:0!important;z-index:9999!important;background:rgba(20,17,14,.58)!important;display:block!important;}
#raonchae-popup-card{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;bottom:auto!important;margin:0!important;transform:none!important;width:420px!important;max-width:calc(100vw - 40px)!important;background:#fffdf9!important;padding:30px!important;border:1px solid #d8cec2!important;box-shadow:0 12px 35px rgba(0,0,0,.18)!important;border-radius:12px!important;box-sizing:border-box!important;}
@media(max-width:720px){#raonchae-popup-card{top:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-width:none!important;padding:22px!important;}}


.route-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.route-actions .map-btn{margin-top:0}
@media(max-width:720px){.route-actions{flex-direction:column}.route-actions .map-btn{text-align:center}}


/* 메인 사진 1장: 원본은 자르지 않고 가로만 조금 넓게 */
.hero,
.slides,
.slide {
  background: #fffdf9 !important;
}
.slide img {
  width: 92% !important;
  height: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fffdf9 !important;
  transform: scaleX(1.18) !important;
  transform-origin: center center !important;
}
.slide::after {
  background: none !important;
}
.counter {
  display: none !important;
}
@media (max-width: 720px) {
  .slide img {
    width: 92% !important;
    object-fit: contain !important;
    transform: scaleX(1.08) !important;
    background: #fffdf9 !important;
  }
}

.admin-bar .sidebar{top:32px}@media(max-width:782px){.admin-bar .sidebar{top:46px}}

/* v2 관리자 공지 표시 */
.raonchae-site-notice{margin-left:var(--side);padding:10px 20px;background:#4c4239;color:#fff;text-align:center;font-size:.82rem;letter-spacing:.02em}
.raonchae-site-notice a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#raonchae-popup-card .popup-image{width:100%;max-height:210px;object-fit:cover;margin:0 0 18px;border-radius:7px}
@media(max-width:720px){.raonchae-site-notice{margin-left:0;padding-top:76px}}
/* FINAL v2 fixes */
.hero>.counter{position:absolute;z-index:5;left:6.5%;bottom:52px}
.hero>.counter .dot{cursor:pointer}
#raonchae-popup-card .popup-image{display:block;width:100%;max-height:240px;object-fit:cover;margin:0 0 18px;border-radius:6px}
.admin-bar .sidebar{top:32px}
@media(max-width:782px){.admin-bar .sidebar{top:46px}}
