/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* =========================================================
   Wormit Trout Fishery
   SimplyBook Brand Layer v1
   Source: live Impreza Theme Options, 07 Sep 2026
   ========================================================= */

/* ---------- Fonts ---------- */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/* ---------- Wormit Brand Tokens ---------- */

:root {
    --wormit-navy: #1D3552;
    --wormit-blue: #315B6B;

    --wormit-text: #0F172A;
    --wormit-muted: #5E6668;

    --wormit-mist: #E9EEF1;
    --wormit-warm: #F8F7F3;
    --wormit-white: #FFFFFF;

    --wormit-border: #C7CED3;
    --wormit-brass: #8D765A;

    --wormit-radius: 0.45rem;
    --wormit-radius-small: 0.3rem;
}


/* =========================================================
   GLOBAL TYPE
   ========================================================= */

/*
 * SimplyBook recommends this method for applying Google Fonts.
 * Exclude Font Awesome / icon fonts.
 */
:not(.fa):not(.fi) {
    font-family: 'Source Sans 3', Arial, sans-serif !important;
}

html,
body {
    color: var(--wormit-text);
    background-color: var(--wormit-warm);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* ---------- Major Headings ---------- */

h1,
h2,
.title-main,
.section-title,
.page-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: var(--wormit-navy);
    font-weight: 600;
    letter-spacing: -0.01em;
}

h1 {
    line-height: 1.05;
}

h2 {
    line-height: 1.1;
}


/* ---------- Functional Headings ---------- */

h3,
h4,
h5,
h6 {
    font-family: 'Source Sans 3', Arial, sans-serif !important;
    color: var(--wormit-navy);
    font-weight: 700;
}


/* ---------- Standard Copy ---------- */

p,
li,
label,
input,
textarea,
select {
    color: var(--wormit-text);
}

small,
.help-block,
.description,
.text-muted,
.secondary-text {
    color: var(--wormit-muted) !important;
}


/* =========================================================
   PAGE / PANEL SURFACES
   ========================================================= */

#sb-main-container,
#sb_content,
.sb-main-container {
    background-color: var(--wormit-warm);
}

/*
 * Keep booking content light and clean rather than creating
 * heavy boxed SaaS panels.
 */
section,
.panel,
.card,
.modal-content {
    border-color: var(--wormit-border);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn,
button,
input[type="button"],
input[type="submit"] {
    font-family: 'Source Sans 3', Arial, sans-serif !important;
    font-weight: 600;
    border-radius: var(--wormit-radius) !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* ---------- Main Actions ---------- */

.btn-primary,
input[type="submit"] {
    background-color: var(--wormit-navy) !important;
    border-color: var(--wormit-navy) !important;
    color: var(--wormit-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: var(--wormit-blue) !important;
    border-color: var(--wormit-blue) !important;
    color: var(--wormit-white) !important;
}


/* ---------- Secondary Actions ---------- */

.btn-default,
.btn-secondary {
    background-color: var(--wormit-white) !important;
    border-color: var(--wormit-border) !important;
    color: var(--wormit-navy) !important;
}

.btn-default:hover,
.btn-secondary:hover {
    background-color: var(--wormit-mist) !important;
    border-color: var(--wormit-border) !important;
    color: var(--wormit-navy) !important;
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
    background: var(--wormit-white) !important;
    color: var(--wormit-text) !important;

    border: 1px solid var(--wormit-border) !important;
    border-radius: 0.4rem !important;

    box-shadow: none !important;
}


/* ---------- Focus State ---------- */

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--wormit-navy) !important;

    box-shadow:
        0 0 0 3px rgba(49, 91, 107, 0.15) !important;

    outline: none !important;
}


/* =========================================================
   LINKS
   ========================================================= */

a {
    color: var(--wormit-navy);
    text-underline-offset: 0.2em;
}

a:hover,
a:focus {
    color: var(--wormit-blue);
}


/* =========================================================
   CALENDAR / BOOKING SELECTION
   ========================================================= */

/*
 * Keep the calendar predominantly neutral.
 * Selection/availability should carry the emphasis.
 */

.calendar,
.datepicker,
.sb-date-picker {
    color: var(--wormit-text);
}


/* Current / selected elements where SimplyBook exposes
   standard active-state classes */

.active,
.selected,
.btn.active {
    border-color: var(--wormit-blue);
}


/*
 * Do NOT globally recolour warning, unavailable, error,
 * cancelled or validation states. Their functional meaning
 * is more important than brand matching.
 */


/* =========================================================
   SERVICE / BOOKING CARDS
   ========================================================= */

.service-item,
.provider-item,
.booking-item {
    border-color: var(--wormit-border) !important;
    border-radius: var(--wormit-radius-small) !important;
}


/* Price should be prominent but not salesy */

.price,
.service-price {
    color: var(--wormit-navy) !important;
    font-weight: 700;
}


/* =========================================================
   CHECKBOXES / RADIO CONTROLS
   ========================================================= */

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 2px solid var(--wormit-blue);
    outline-offset: 2px;
}


/* =========================================================
   MODALS / CHECKOUT
   ========================================================= */

.modal-content {
    background: var(--wormit-white);
    border-radius: var(--wormit-radius);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    body {
        font-size: 1rem;
    }

    h1 {
        font-size: 2rem !important;
    }

    h2 {
        font-size: 1.65rem !important;
    }

    .btn,
    button,
    input[type="submit"] {
        min-height: 44px;
    }
}

/* =========================================================
   Wormit Trout Fishery
   SimplyBook Booking Pages CSS
   Clean Production Layer
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
    --wormit-navy: #1D3552;
    --wormit-blue: #315B6B;
    --wormit-text: #0F172A;
    --wormit-muted: #5E6668;
    --wormit-warm: #F8F7F3;
    --wormit-mist: #E9EEF1;
    --wormit-white: #FFFFFF;
    --wormit-border: #C7CED3;
}


/* Typography */

:not(.fa):not(.fi):not([class*="icon"]) {
    font-family: "Source Sans 3", Arial, sans-serif !important;
}

html,
body {
    color: var(--wormit-text);
    background: var(--wormit-warm);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* Major headings */

h1,
h2 {
    font-family: "Playfair Display", Georgia, serif !important;
    color: var(--wormit-navy) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}


/* Functional headings */

h3,
h4,
h5,
h6 {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: var(--wormit-navy) !important;
    font-weight: 700 !important;
}


/* Main page background */

#sb-main-container,
#sb_content,
.ui-widget-content {
    background-color: var(--wormit-warm) !important;
}


/* Information / content cards */

.card,
.panel,
.company-info,
.company-description,
.contact-info {
    background: var(--wormit-white) !important;
    border-color: var(--wormit-border) !important;
    border-radius: 0.3rem !important;
    box-shadow: none !important;
}


/* Links */

a {
    color: var(--wormit-navy);
    text-underline-offset: 0.2em;
}

a:hover,
a:focus {
    color: var(--wormit-blue);
}


/* Buttons: allow native theme to own colour */

.btn,
button,
input[type="submit"],
input[type="button"] {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 600 !important;
    border-radius: 0.45rem !important;
    box-shadow: none !important;
    text-shadow: none !important;
}


/* Forms */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select,
.form-control {
    background: var(--wormit-white) !important;
    color: var(--wormit-text) !important;
    border: 1px solid var(--wormit-border) !important;
    border-radius: 0.4rem !important;
    box-shadow: none !important;
}


/* Focus */

input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus {
    outline: 2px solid var(--wormit-blue) !important;
    outline-offset: 2px;
}


/* Secondary copy */

.text-muted,
.help-block,
small {
    color: var(--wormit-muted) !important;
}


/* Remove redundant system time label */

div#sb_booking_company_time {
    display: none !important;
}


/* Mobile */

@media (max-width: 600px) {

    body {
        font-size: 1rem;
    }

    .btn,
    button,
    input[type="submit"] {
        min-height: 44px;
    }
}



/* Wormit public link colour refinement, 08 Sep 2026 */
#sb_google_reviews_card .google-reviews__card-reviews-text a,
#sb_cookies_block .text a,
#sb_cookies_block #sb_necessary_important_coo {
    color: var(--wormit-blue) !important;
}

#sb_google_reviews_card .google-reviews__card-reviews-text a:hover,
#sb_google_reviews_card .google-reviews__card-reviews-text a:focus,
#sb_cookies_block .text a:hover,
#sb_cookies_block .text a:focus,
#sb_cookies_block #sb_necessary_important_coo:hover,
#sb_cookies_block #sb_necessary_important_coo:focus {
    color: var(--wormit-navy) !important;
}
