/*
Theme Name: Chobe Sunset Chalets
Author: Pyron Technologies
Description: Responsive safari accommodation theme with editable photography, logo colours, WhatsApp enquiries and MotoPress Hotel Booking integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chobe-sunset
*/

:root{--orange:#f69612;--cream:#fff7da;--ink:#20241f;--muted:#65695d;--paper:#fffdf8;--line:#e4dfd0;--green:#343e31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd6500;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(46px,5.7vw,79px);letter-spacing:-2.5px;margin-bottom:26px}h2{font-size:clamp(36px,4vw,54px);letter-spacing:-1.4px;margin-bottom:22px}h3{font-size:28px;margin-bottom:15px}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;color:#7c571e}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:13px 23px;background:var(--orange);border:1px solid var(--orange);font-size:13px;font-weight:bold;cursor:pointer;color:#252316}.button:hover{background:#ffae38}.button.outline{background:transparent;border-color:#9d9e8f}.button.outline:hover{background:var(--cream)}.actions{display:flex;gap:14px;flex-wrap:wrap}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.topbar{background:var(--green);color:#eeeddf;font-size:11px;letter-spacing:1px;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.site-header{position:sticky;top:0;background:rgba(255,253,248,.97);z-index:5;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:25px}.logo{display:block;width:145px;height:86px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav a:not(.button){padding:12px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--orange)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.hero{padding:55px 0 60px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-copy{padding:30px 0}.hero-copy p{max-width:470px}.hero h1 em{color:#a9580b;font-weight:400}.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow:before{content:'';width:30px;height:1px;background:#a9580b}.hero-note{font-size:12px;letter-spacing:1px;margin:30px 0 0}.placeholder{position:relative;background:#eee9d9;border:1px solid #d7cfb8;display:flex;justify-content:center;align-items:center;min-height:250px;overflow:hidden;color:#77745f;text-align:center}.placeholder:before{content:'';position:absolute;inset:13px;border:1px dashed #c7bfa5;pointer-events:none}.placeholder .label{position:relative;padding:24px;font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.placeholder .label:before{content:'＋';display:block;font-size:29px;font-weight:normal;line-height:1;margin-bottom:14px;color:#a58d5d}.placeholder small{display:block;font-size:10px;letter-spacing:.6px;margin-top:7px}.hero-image{min-height:550px;background:#ebe4ce;border-radius:150px 150px 0 0}.image-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px}.hero-image-wrap{position:relative}.sun-tag{position:absolute;right:-15px;bottom:50px;background:var(--orange);width:108px;height:108px;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.5;font-family:Georgia,serif;font-size:17px;transform:rotate(8deg)}.intro-strip{background:var(--cream);border-top:1px solid #eadcb5;border-bottom:1px solid #eadcb5}.strip-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0}.strip-inner div{padding:0 24px;border-right:1px solid #ded0a7;text-align:center;font-size:12px;letter-spacing:1px}.strip-inner div:last-child{border:0}.strip-inner span{color:#a85e0b;margin-right:12px}.section{padding:95px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-image{min-height:425px}.about-copy{max-width:470px}.text-link{display:inline-block;border-bottom:1px solid #a85e0b;padding-bottom:5px;font-size:13px;font-weight:bold}.detail{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head p{max-width:330px;font-size:14px;margin:0}.rooms{background:#f5f2e9}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.room-image{min-height:260px}.room-body{padding:25px 0 0}.room-body h3{font-size:26px}.room-body p{font-size:14px;min-height:74px}.room-type{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8c682e;margin-bottom:12px}.room-bottom{padding-top:18px;border-top:1px solid #ddd6c7;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.room-bottom a{font-weight:bold;color:#874704}.activities-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:70px;margin-top:40px}.activity-image{min-height:580px}.activity-item{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.activity-item:first-child{padding-top:0}.activity-item .number{font-size:11px;color:#9c610d;letter-spacing:1px;padding-top:6px}.activity-item h3{font-size:25px;margin-bottom:8px}.activity-item p{font-size:14px;margin:0}.activity-note{font-size:12px;margin-top:26px}.banner{background:var(--green);color:var(--paper);padding:58px 0}.banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.banner h2{font-size:40px;margin-bottom:12px}.banner p{color:#d8dacd;margin:0}.banner .eyebrow{color:#f7c171;margin-bottom:15px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-list{display:grid;gap:22px;margin-top:30px}.contact-list span{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8c682e;margin-bottom:5px}.contact-list a{overflow-wrap:anywhere}.contact-list a:hover{text-decoration:underline}.contact-list p{margin:0;font-size:14px}.form-box{background:#f5f2e9;padding:35px}.form-box h3{font-size:29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:bold}input,select,textarea{width:100%;min-width:0;background:var(--paper);border:1px solid #d7d1c2;padding:11px 12px;color:var(--ink);border-radius:0}textarea{resize:vertical;min-height:98px}input:focus,textarea:focus,select:focus{border-color:#a76812}.form-note{font-size:11px;margin:16px 0;color:#65695d}.form-box .button{width:100%}.error{font-size:13px;color:#a12712;margin-top:12px}.footer{border-top:1px solid var(--line);padding:40px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-logo{width:145px;height:100px;object-fit:contain}.footer-links{display:flex;gap:24px;font-size:12px;flex-wrap:wrap}.footer-bottom{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}.whatsapp{position:fixed;bottom:20px;right:20px;z-index:4;background:var(--green);color:white;border:1px solid #69735c;border-radius:28px;padding:12px 19px;font-size:12px;box-shadow:0 3px 14px #0002}.whatsapp:hover{background:#4b5844}@media(min-width:1400px){.hero{padding:70px 0}}@media(max-width:1000px){.nav{gap:18px}.nav .button{display:none}.hero-grid{gap:35px}.hero-image{min-height:490px}.about-grid,.contact-grid{gap:45px}.activities-grid{gap:40px}.room-grid{gap:20px}.room-image{min-height:220px}.room-bottom{align-items:start;flex-direction:column;gap:8px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar .wrap{justify-content:center}.topbar a{display:none}.header-inner{min-height:82px}.logo{height:70px;width:120px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav .button{display:flex;margin-top:14px}.hero{padding:28px 0 38px}.hero-grid,.about-grid,.activities-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-copy{padding:12px 0 0}.hero h1{max-width:540px}.hero-image{min-height:390px;border-radius:120px 120px 0 0}.sun-tag{right:10px;width:90px;height:90px;font-size:15px}.hero-note{margin-top:20px}.strip-inner{padding:17px 0;grid-template-columns:1fr;gap:10px}.strip-inner div{border:0;font-size:11px}.section{padding:62px 0}.about-image{min-height:330px}.about-copy{max-width:none}.section-head{display:block}.section-head p{margin-top:20px;max-width:none}.room-grid{grid-template-columns:1fr}.room-image{min-height:285px}.room-body p{min-height:auto}.room-body{padding-top:23px}.room-grid article{margin-bottom:20px}.room-bottom{flex-direction:row}.activity-image{min-height:360px}.activities-grid{margin-top:30px}.banner .wrap{display:block}.banner .button{margin-top:25px}.banner h2{font-size:35px}.contact-grid{gap:40px}.form-box{padding:25px 20px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{gap:18px}.footer-bottom{padding-bottom:50px}.whatsapp{bottom:12px;right:12px}.image-caption{font-size:9px;letter-spacing:1px}}@media(max-width:380px){.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}h1{font-size:43px}.actions .button{width:100%}.room-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WordPress and booking integration */
body.admin-bar .site-header{top:32px}.custom-logo-link img{width:145px;height:86px;object-fit:contain}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px}.nav li{margin:0}.nav .sub-menu{display:none}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block;position:absolute;background:var(--paper);padding:18px}.csc-photo{display:block;width:100%;object-fit:cover}.hero-image.csc-photo{height:550px}.about-image.csc-photo{height:425px}.room-image.csc-photo{height:260px}.activity-image.csc-photo{height:580px}.entry-content{overflow-wrap:anywhere}.entry-content img{max-width:100%;height:auto}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px}.entry-content a{color:#875007;text-decoration:underline}.entry-content{max-width:960px}.booking-panel{background:var(--cream)}.booking-panel form{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.booking-panel form p{margin:0;flex:1 1 180px}.booking-panel label{display:block}.mphb_sc_search-submit-button-wrapper input,.mphb-book-button,.mphb-confirm-reservation,.mphb-reserve-btn{background:var(--orange);color:var(--ink);border:0;padding:14px 23px;cursor:pointer}.mphb-room-type{margin:25px 0;padding:25px;border:1px solid var(--line)}.mphb-room-type img{max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto}.wp-caption{max-width:100%}.alignwide{max-width:1180px}.alignfull{width:100%}.page-links{margin:24px 0}.entry-title{font-size:44px}.entry-meta{font-size:12px;margin:15px 0}.posts-navigation{padding:25px 0}.no-results{padding:60px 0}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}@media(max-width:760px){.nav ul{display:flex;flex-direction:column;gap:0}.hero-image.csc-photo{height:390px}.about-image.csc-photo{height:330px}.room-image.csc-photo{height:285px}.activity-image.csc-photo{height:360px}}@media(max-width:600px){body.admin-bar .site-header{top:0}}