/*
 * Nienoord Design Override
 * Gives the Pannenkoekenburcht site the exact look & feel of campingnienoord.nl
 *
 * Design system source: https://www.campingnienoord.nl/
 *
 * Colour palette:
 *   --primary-dark : #0B3954  (dark teal/navy)
 *   --accent-coral : #CD5D67  (salmon/coral — buttons)
 *   --accent-green : #71A92E  (green — card links)
 *   --accent-blue  : #0062AD  (blue — inline links)
 *   --bg-mint      : #DFEBE9  (light mint — nav/section bg)
 *   --body-text    : #333333
 *
 * Fonts (all via Google Fonts, imported in functions.php):
 *   Body          : "M PLUS 2", sans-serif
 *   Headings      : Martel, sans-serif
 *   Special/title : "Seaweed Script", cursive
 */

/* ============================================================
   1. TYPOGRAPHY — body & headings
   ============================================================ */

body,
textarea,
select,
select optgroup,
select optgroup option,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
.hungry-slogan-text span,
.hungry-staff-member-role,
.hungry-open-table .open-table-widget button.btn {
    font-family: "M PLUS 2", sans-serif !important;
}

body {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #333333 !important;
}

h1, h2, h3, h4, h5, h6,
dt,
legend,
label,
.widget_calendar caption,
.section-heading-subtitle,
.sf-menu a,
.breadcrumb-trail,
.breadcrumb-trail a,
.post-date-fixed time,
.post-navigation a,
.navigation.pagination a,
.navigation.comment-navigation a,
.edit-link a,
.comment-reply-link,
.hungry-button,
.hungry-testimonial cite,
.hungry-blog-author,
.hungry-blog-date,
.hungry-open-table .open-table-widget .otw-pre-form-content,
.hungry-open-table .open-table-widget .otw-post-form-content,
#cboxTitle,
#cboxCurrent {
    font-family: Martel, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #0B3954 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Special / script font — section titles, dropcaps, 404, page titles */
.hungry-dropcap,
.single-page-header-text .tlt,
.section-heading-title,
.page-title,
.not-found-title {
    font-family: "Seaweed Script", cursive !important;
}

/* Section heading title colour */
.section-heading-title {
    color: #0B3954 !important;
}

/* ============================================================
   2. COLOUR — accent overrides (replacing #ccad52)
   ============================================================ */

/* Links & accent text elements */
a,
label span,
.hungry-dropcap,
.fa-ul i:before,
.form-title span em,
.rtb-booking-form legend span em,
.section-heading-title,
.section-heading-alt-title span,
.header-text-pre-slogan em,
.breadcrumb-trail a:hover,
.post-meta a:hover,
.post-title a:hover,
.widget ul li:before,
.widget ul li a:hover,
.comment-author-name a:hover,
.hungry-slogan-text em,
.hungry-staff-member-role,
.hungry-staff-member-social-icons li a:hover i:before,
.hungry-blog-title a:hover,
.hungry-blog-author a:hover,
.widget-hungry-latest-recipes .latest-recipes a:hover,
a.hungry-menu-item-header:hover .hungry-menu-item-title,
.not-found-title,
#site-footer .widget ul li a:hover,
#site-footer .widget-hungry-latest-recipes .latest-recipes a:hover {
    color: #CD5D67 !important;
}

/* Override general link colour to Nienoord blue */
a {
    color: #0062AD !important;
}
a:hover {
    color: #0B3954 !important;
}

/* Accent backgrounds (hover states, calendar, tags, etc.) */
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.widget_calendar tbody a,
.mobile-close:hover,
.image-hover .image-hover-overlay,
.post-tags a:hover,
.tagcloud a:hover,
.post-navigation a:hover,
.navigation.pagination a:hover,
.navigation.comment-navigation a:hover,
.edit-link a:hover,
.post-author-tag,
.post-author-tag:before,
.comment-reply-link:hover,
.hungry-staff-member-social-icons li a,
.special .hungry-menu-item-price,
.ui-datepicker .ui-datepicker-header,
#btt:hover,
#hungry-reservation-form input[type="submit"]:hover {
    background: #CD5D67 !important;
}

/* Mobile header top border */
.mobile-header {
    border-top: 3px solid #0B3954 !important;
}

/* Accent borders */
.bypostauthor > .comment-author-avatar,
.widget-hungry-latest-recipes .latest-recipes a .recipe-thumbnail img:hover,
#site-footer .widget-hungry-latest-recipes .latest-recipes a .recipe-thumbnail img:hover {
    border: 3px solid #CD5D67 !important;
}

.hungry-staff-member-social-icons li a {
    border: 1px solid #CD5D67 !important;
}

/* Accent text-shadow */
.post-meta i:before,
.widget-hungry-contact-details i:before {
    text-shadow: 1px 1px 0 #CD5D67 !important;
}

/* Navigation hover underline */
.sf-menu a:hover,
.site-navbar.short .sf-menu a:hover {
    -webkit-box-shadow: inset 0 2px 0 #CD5D67 !important;
       -moz-box-shadow: inset 0 2px 0 #CD5D67 !important;
            box-shadow: inset 0 2px 0 #CD5D67 !important;
}

blockquote,
.sf-menu ul li a:hover,
.site-navbar.short .sf-menu ul li a:hover {
    -webkit-box-shadow: inset 2px 0 0 #CD5D67 !important;
       -moz-box-shadow: inset 2px 0 0 #CD5D67 !important;
            box-shadow: inset 2px 0 0 #CD5D67 !important;
}

/* Preloader dots */
.hungry-preloader span {
    background: #CD5D67 !important;
}

/* ============================================================
   3. BUTTONS
   ============================================================ */

/* Base form buttons (submit etc.) */
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    font-family: Martel, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 28px !important;
    height: auto !important;
    border: none !important;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #0B3954 !important;
    color: #ffffff !important;
}

/* Theme's .hungry-button */
.hungry-button {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    font-family: Martel, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 28px !important;
    border: none !important;
}

.hungry-button:hover,
.hungry-button:focus {
    background: #0B3954 !important;
    color: #ffffff !important;
}

.hungry-button.dark {
    background: #0B3954 !important;
    color: #ffffff !important;
}

.hungry-button.dark:hover {
    background: #CD5D67 !important;
    color: #ffffff !important;
}

/* Parallax variant */
.parallax .hungry-button {
    background: #CD5D67 !important;
    color: #ffffff !important;
}

.parallax .hungry-button:hover {
    background: rgba(11, 57, 84, 0.9) !important;
}

/* Reservation form submit */
#hungry-reservation-form input[type="submit"] {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
}

/* ============================================================
   4. NAVIGATION
   ============================================================ */

/* Main nav — replace dark gradient with mint/white */
.site-navbar,
.home .site-navbar {
    background: #DFEBE9 !important;
}

/* Scrolled / short nav */
.site-navbar.short {
    background: #DFEBE9 !important;
    box-shadow: 0 2px 8px rgba(11, 57, 84, 0.12) !important;
}

/* Nav links */
.sf-menu a,
.site-navbar .sf-menu > li > a {
    color: #0B3954 !important;
    font-family: Martel, sans-serif !important;
    font-weight: 500 !important;
}

.sf-menu a:hover,
.site-navbar.short .sf-menu a:hover {
    color: #CD5D67 !important;
}

/* Dropdown menu */
.sf-menu ul {
    background: #DFEBE9 !important;
}

.sf-menu ul li a {
    color: #0B3954 !important;
}

.sf-menu ul li a:hover,
.site-navbar.short .sf-menu ul li a:hover {
    color: #CD5D67 !important;
    background: rgba(11, 57, 84, 0.06) !important;
}

/* Mobile nav */
.mobile-header {
    background: #DFEBE9 !important;
}

.mobile-nav {
    background: #DFEBE9 !important;
}

.mobile-nav a {
    color: #0B3954 !important;
}

.mobile-nav a:hover {
    color: #CD5D67 !important;
}

.site-title {
    color: #0B3954 !important;
}

.site-title:hover {
    color: #CD5D67 !important;
}

/* ============================================================
   5. SECTION HEADINGS
   ============================================================ */

.section-heading-subtitle {
    background: #0B3954 !important;
    color: #ffffff !important;
    border-color: #DFEBE9 !important;
    font-family: Martel, sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    border-radius: 3px !important;
}

.section-heading-alt-title {
    color: #0B3954 !important;
    font-family: Martel, sans-serif !important;
}

/* ============================================================
   6. FORMS & INPUTS
   ============================================================ */

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    border-radius: 6px !important;
    border: 1px solid #c8dbd8 !important;
    background: #f7fafa !important;
    color: #333333 !important;
}

textarea:focus,
select:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {
    border-color: #0B3954 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(11, 57, 84, 0.12) !important;
}

label {
    color: #0B3954 !important;
    font-family: Martel, sans-serif !important;
}

/* ============================================================
   7. MENU ITEMS (food menu)
   ============================================================ */

.hungry-menu-item-title {
    color: #0B3954 !important;
}

.special .hungry-menu-item-price {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

.hungry-menu-item-price {
    color: #CD5D67 !important;
}

/* ============================================================
   8. TAGS & PAGINATION
   ============================================================ */

.post-tags a,
.tagcloud a {
    border-radius: 18px !important;
    border-color: #DFEBE9 !important;
    color: #0B3954 !important;
    background: #DFEBE9 !important;
}

.post-tags a:hover,
.tagcloud a:hover {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-color: #CD5D67 !important;
}

/* ============================================================
   9. FOOTER
   ============================================================ */

#site-footer {
    background: #0B3954 !important;
}

#site-footer,
#site-footer p,
#site-footer a,
#site-footer li {
    color: #d6e9e7 !important;
}

#site-footer a:hover {
    color: #ffffff !important;
}

#site-footer .widget-title,
#site-footer h1,
#site-footer h2,
#site-footer h3,
#site-footer h4,
#site-footer h5,
#site-footer h6 {
    color: #ffffff !important;
    font-family: Martel, sans-serif !important;
}

/* Footer form fields */
#site-footer textarea,
#site-footer select,
#site-footer input[type="date"],
#site-footer input[type="datetime"],
#site-footer input[type="datetime-local"],
#site-footer input[type="email"],
#site-footer input[type="month"],
#site-footer input[type="number"],
#site-footer input[type="password"],
#site-footer input[type="search"],
#site-footer input[type="tel"],
#site-footer input[type="text"],
#site-footer input[type="time"],
#site-footer input[type="url"],
#site-footer input[type="week"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Back-to-top button */
#btt {
    background: #DFEBE9 !important;
    color: #0B3954 !important;
    border-radius: 50% !important;
}

#btt:hover {
    background: #CD5D67 !important;
    color: #ffffff !important;
}

/* ============================================================
   10. TESTIMONIALS & SLOGAN SECTIONS
   ============================================================ */

.hungry-testimonial-text {
    color: #333333 !important;
}

.hungry-testimonial cite {
    color: #0B3954 !important;
}

.hungry-slogan-text span {
    color: #ffffff !important;
}

.hungry-slogan-text em {
    color: #DFEBE9 !important;
}

/* ============================================================
   11. RECIPE & BLOG
   ============================================================ */

.hungry-blog-title a,
.post-title a {
    color: #0B3954 !important;
}

.hungry-blog-title a:hover,
.post-title a:hover {
    color: #CD5D67 !important;
}

.post-author-tag {
    background: #CD5D67 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
}

/* ============================================================
   12. HEADER DIVIDER & MISC
   ============================================================ */

.header-divider:after {
    background: #DFEBE9 !important;
}

thead tr {
    background: #0B3954 !important;
}

th {
    color: #ffffff !important;
}

/* Datepicker header */
.ui-datepicker .ui-datepicker-header {
    background: #CD5D67 !important;
    color: #ffffff !important;
}