:root{ --ff-barlow: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }

/*******************************************/
/*FULL WIDTH HEADER*/
/*******************************************/

#topbar > .container,
#masthead > .container {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.no-active-sidebar .site-content > .container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/*******************************************/
/*HERO SVG OVERLAY*/
/*******************************************/

.hero-row { position: relative; overflow: visible; }

.hero-row .hero-edge {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;   /* flush with row bottom */
  transform: none;
  line-height: 0;
  pointer-events: none;
}

.hero-row .hero-edge img {
  width: 100%;   /* spans full row */
  height: auto;  /* keeps SVG aspect ratio */
  display: block;
}

/*******************************************/
/*CONTACT FORM*/
/*******************************************/
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 8px 14px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background: #fff;
  font: 400 16px/23px inherit;
  margin: 10px 0;
}

.contact-form .actions { text-align: right; margin-top: 8px; }

.wpcf7 .btn.btn-outline.btn-arrow:hover { opacity: 0.85; }

.wpcf7 input.wpcf7-form-control.wpcf7-date, 
.wpcf7 input.wpcf7-form-control.wpcf7-number, 
.wpcf7 input.wpcf7-form-control.wpcf7-quiz, 
.wpcf7 input.wpcf7-form-control.wpcf7-text, 
.wpcf7 select.wpcf7-form-control.wpcf7-select, 
.wpcf7 textarea.wpcf7-form-control.wpcf7-textarea {
		padding: 10px 15px;
}

.wpcf7 input[type="submit"] {
  width: 150px;                
  display: block;
	float:right;
  border: 1px solid #252E6B;
  border-radius: 4px;
  padding: 15px 30px;
  background: transparent url("https://cranbrookflavoursau.com/wp-content/uploads/Symbol.svg") no-repeat right 12px center;
  color: #16325b;
  font-weight: 600;
  letter-spacing: 0.06em;
  cursor: pointer;
  text-align: center;
	}

/* Container to push it to the right */
.contact-form .actions {
  text-align: right;
}

.wpcf7 input[type="submit"]::after,
.wpcf7 input[type="submit"]::before {
  content: none !important;  /* remove pseudo-element arrows */
}

.wpcf7 input[type="submit"] {
  background-image: none !important; /* remove background arrow image */
}

/*******************************************/
/*FOOTER BAR*/
/*******************************************/

/* Make the Widget/Customizer Footer Bar truly full width */
.limenco-footer-bar {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #ffffff; /* Or pick a color if you want */
	z-index: 1;  
  text-align: left !important;
  }

/* Control the width of the actual content row */
.limenco-footer-inner {
  max-width: 100%;          
  /*margin: 0 auto;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 16px!important;
  line-height: 1.4;
  color: #666666;
  width: 100%;                
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .limenco-footer-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    /*padding: 10px 8px;
		margin:0px auto;*/
		text-align:center;
		font-family: var(--ff-barlow);
  }
  .limenco-footer-inner > div:last-child {
    margin-top: 2px;
    /* Optional: Make links more tappable */
    width: 100%;
    flex-wrap: wrap;
  }
}

#colophon .container {
    padding: 0px;
    }

/*******************************************/
/*FOOTER MENU*/
/*******************************************/

#colophon a {
		text-decoration:none;
}

/* Footer nav: horizontal + uppercase + active bar */
.site-footer .widget_nav_menu .menu,
.site-info  .widget_nav_menu .menu{
  display:flex;
  flex-wrap:wrap;
  gap:24px;              /* spacing between items */
  list-style:none;
  margin:0;
  padding:0;
  justify-content:flex-end;
}

.site-footer .widget_nav_menu .menu a,
.site-info  .widget_nav_menu .menu a{
  text-transform:uppercase;
  letter-spacing:.04em;
  text-decoration:none;
  display:inline-block;
  padding-bottom:6px;    /* room for underline bar */
  position:relative;
}

/* Active/ancestor bar (uses current text colour) */
.site-footer .widget_nav_menu .menu li.current-menu-item > a::after,
.site-footer .widget_nav_menu .menu li.current_page_item > a::after,
.site-footer .widget_nav_menu .menu li.current-menu-ancestor > a::after,
.site-info  .widget_nav_menu .menu li.current-menu-item > a::after,
.site-info  .widget_nav_menu .menu li.current_page_item > a::after,
.site-info  .widget_nav_menu .menu li.current-menu-ancestor > a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background:currentColor;  /* matches your link colour */
}

/* Optional: tighten vertical alignment in footer */
.site-footer .widget_nav_menu .menu li,
.site-info  .widget_nav_menu .menu li{ margin:0; }

/*******************************************/
/*MAIN MENU*/
/*******************************************/

#masthead .main-navigation ul.menu > li > a,
.site-header .main-navigation ul.menu > li > a{
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size:16px;
  position: relative;
  display:inline-block !important;   /* don't stretch */
  width:auto !important;             /* was 100% */
  max-width:max-content;             /* extra guard */
  padding:0 0 6px;                   /* no horizontal padding -> bar = text width */
}
#masthead .main-navigation ul.menu > li.current-menu-item > a::after,
#masthead .main-navigation ul.menu > li.current-menu-ancestor > a::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:100%; height:3px;
  background:currentColor;
}

#masthead .main-navigation ul.menu > li { 
		margin-right:24px; }

/*******************************************/
/*LINKED IN ICON*/
/*******************************************/
.menu-item i._mi {
    border: 1px solid #252E6B!important;
    border-radius: 4px!important;
    padding: 10px!important;
}

#colophon .menu-item i._mi {
    border: 1px solid #95C83C!important;
    }

#colophon .menu-item i._mi:hover {
    border: 1px solid #fff!important;
    }

/*******************************************/
/*CONTACT FORM 7 MESSAGES*/
/*******************************************/

/* Contact Form 7 message colours */
.wpcf7 .wpcf7-response-output{
  border-color:#95C83C !important;
  color:#002D74 !important;
  background:#F5F6F4 !important;
}
/* Ensure CF7 status variants don't override the border colour */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
  border-color:#95C83C !important;
  color:#002D74 !important;
  background:#F5F6F4 !important;
}

/*******************************************/
/*FLEX BOXES*/
/*******************************************/
.limenco-flip-box-grid {
		gap:30px!important;
}