/*
 * Hop Pickers palette uplift: deeper evergreen, livelier moss, warm ivory paper and a
 * restrained harvest-gold accent. Loaded after refresh.css.
 */

:root {
    --hp-charcoal: #343c2e;       /* was #4c4c42: header, drawer, dark buttons */
    --hp-charcoal-dark: #283024;  /* was #3f3f36: dropdown panels */
    --hp-olive: #6b7a52;          /* was #83846d: strapline, footer, news band */
    --hp-moss-dark: #56633f;      /* was #738165: copyright bar */
    --hp-green: #a87b30;          /* was #758f76: Book Online, now harvest gold */
    --hp-sage: #c9a159;           /* was #abae99: accent lines and indicators */
    --hp-cream: #f2ece0;
    --hp-ivory: #fbf8f2;
    --hp-ink: #5e564c;            /* was #867d71: body text, now readable */
    --hp-heading: #4f5c3c;        /* was #83846d */
    --hp-script: #8f6c3c;         /* script headings: warm brass-brown */
    --hp-link: #5b6d3f;
}

/* Warm ivory paper instead of stark white. */
body, [canvas=container], .logostrip { background-color: var(--hp-ivory); }
.logostrip div.imageBox, .logostrip #imagebox_635 { background: #f2ede2; }

/* Typography: deeper, warmer and more legible. */
h1 { color: var(--hp-heading); }
h2 { color: #87966a; }
h3, h5, div.widget_header h5 { color: var(--hp-script); }
h4 { color: #7b786a; }
h6 { color: #87966a; }
p, div.pageBodyContent ul, div.sectiontext ul { color: var(--hp-ink); }
p a, div.pageBodyContent ul p a, div.contentPageWrapper ul li a, div.sectiontext ul li a { color: var(--hp-link); text-decoration-color: rgba(168, 123, 48, .55); text-underline-offset: 3px; transition: color .2s ease; }
p a:hover, div.contentPageWrapper ul li a:hover { color: #8a6326; }
.faq-question { color: var(--hp-link); }

/* Header, strapline and menus. */
div.topbar, .mobile-menu { background-color: var(--hp-charcoal); }
div.strapline { background: var(--hp-olive); color: var(--hp-cream); border-bottom-color: rgba(242, 236, 224, .35); }
div.topmenu ul ul { background: var(--hp-charcoal-dark) !important; }
.book-box .inner .title { background: var(--hp-green); }
.book-box:hover .inner .title, .hp-drawer__book:hover { background: #b98a3b; }
.hp-drawer__panel { background-color: var(--hp-charcoal); }

/* Bands. */
div.newsrow, div.footer { background-color: var(--hp-olive); }
.subfooter { background: var(--hp-moss-dark); }
div.news_item img.cms_image { border-color: rgba(242, 236, 224, .6); }

/* Buttons: gold for booking, moss for secondary actions. */
a.book-now-button { background: var(--hp-green); color: #fff; }
a.book-now-button:hover { background: #b98a3b; }
a.readmorelink, div.news_item a.readmorelink { background: var(--hp-green); }
a.readmorelink:hover, div.news_item a.readmorelink:hover { background: #b98a3b; }
a.moreinfo, #access-statement-link, div.container input[type=submit] { background: var(--hp-olive); }
a.moreinfo:hover, #access-statement-link:hover, div.container input[type=submit]:hover { background: var(--hp-heading); }
div.footer .hp-enquiry input[type=submit] { background: var(--hp-charcoal); }
div.footer .hp-enquiry input[type=submit]:hover { background: var(--hp-charcoal-dark); }
div.paging input[type=button].current { background: var(--hp-olive) !important; }

/* Property cards and section tabs. */
div.property_box h5 { background: #f1ebdf; }
div.property_box:hover h5 { background: #e9e0cd; }
div.property_box h5 a { color: var(--hp-charcoal); }
.property-page-menu { background: var(--hp-charcoal); }
.property-page-menu a.is-active { background: var(--hp-cream); color: var(--hp-charcoal); }
.access-statement-content { background: #f1ebdf; }

/* Focus rings pick up the accent. */
div.container :is(input[type=text], input[type=email], input[type=tel]):focus,
div.container textarea:focus,
div.container select:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--hp-green); }
a:focus-visible, button:focus-visible { outline-color: var(--hp-green); }