/*
Theme Name: Emera Foods
Theme URI: https://emerafoods.com
Author: Emera Foods, LLC
Description: Single-page site for Emera Foods. Vollkorn wordmark, Karla body, DM Mono utility.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emera-foods
*/

:root{
  --teal:#1A5C5C;
  --teal-dark:#134747;
  --charcoal:#2C3E50;
  --warm:#FAF8F3;
  --gold:#B08E4F;
}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--warm);
  font-family:'Karla',sans-serif;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--teal);}
a:hover{color:var(--gold);}
::selection{background:var(--gold);color:var(--warm);}

.ef-btn-primary{transition:background-color .15s ease}
.ef-btn-primary:hover{background:var(--teal-dark)}
.ef-btn-primary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.ef-link-quiet:hover{color:var(--gold)}
.ef-link-quiet:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.ef-field{transition:border-color .15s ease}
.ef-field:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}

/* Honeypot: hidden from people, visible to bots */
.ef-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Mobile behaviours, driven by container width */
@container ef-page (max-width:480px){
  .ef-wordmark-row{flex-direction:column !important;align-items:flex-start !important;row-gap:6px !important}
  .ef-hero-tagline{white-space:normal !important}
  .ef-hero-cta{flex-direction:column !important;align-items:stretch !important;gap:14px !important}
  .ef-hero-btn{width:100% !important;text-align:center;box-sizing:border-box}
  .ef-link-quiet{display:inline-block;padding:14px 0}
  .ef-field{padding:14px !important}
}

/* Fallback for browsers without container query support */
@media (max-width:480px){
  .ef-wordmark-row{flex-direction:column;align-items:flex-start;row-gap:6px}
  .ef-hero-tagline{white-space:normal}
  .ef-hero-cta{flex-direction:column;align-items:stretch;gap:14px}
  .ef-hero-btn{width:100%;text-align:center;box-sizing:border-box}
  .ef-link-quiet{display:inline-block;padding:14px 0}
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;}
  html{scroll-behavior:auto;}
}