/* =====================================================
   Elko Local — site-wide character
   Warm high-desert canvas + tricolor details.
   ===================================================== */

/* ---------- The canvas: warm paper with faint topo contours ---------- */
body {
	background-color: #F8F3E7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560' viewBox='0 0 560 560'%3E%3Cg fill='none' stroke='%23E9E0CB' stroke-width='1.4'%3E%3Cpath d='M-20 90 C 90 40, 190 140, 300 95 S 500 30, 580 85'/%3E%3Cpath d='M-20 130 C 90 80, 195 180, 305 135 S 505 70, 580 125'/%3E%3Cpath d='M-20 170 C 95 122, 200 218, 310 175 S 508 112, 580 165'/%3E%3Cpath d='M-20 330 C 70 285, 180 380, 290 340 S 470 270, 580 325'/%3E%3Cpath d='M-20 370 C 75 325, 185 420, 295 380 S 472 310, 580 365'/%3E%3Cpath d='M-20 410 C 80 368, 190 458, 300 420 S 476 352, 580 405'/%3E%3Ccircle cx='120' cy='250' r='26'/%3E%3Ccircle cx='120' cy='250' r='44'/%3E%3Ccircle cx='120' cy='250' r='62'/%3E%3Ccircle cx='430' cy='490' r='22'/%3E%3Ccircle cx='430' cy='490' r='40'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 560px 560px;
}

/* Let the canvas show through Divi's shells on EVERY page.
   Customizer "content background" and builder defaults paint white layers
   over the body — strip them, but respect sections/rows that set their own
   background on purpose (inline style). */
html body { background-color: #F8F3E7 !important; }
html #page-container,
html #main-content,
html #et-main-area,
html #left-area,
html .et_pb_gutters3 #main-content,
body #page-container #main-content { background-color: transparent !important; }
.et_pb_section:not([style*="background"]),
.et_pb_row:not([style*="background"]),
.et_pb_fullwidth_section:not([style*="background"]) { background-color: transparent !important; }
body.page .entry-content, body.single .entry-content { background-color: transparent; }

/* Content images get a gentle lift */
.et_pb_post img, .entry-content img { border-radius: 10px; }

/* ---------- Typography character ---------- */
h1, h2, h3, h4,
.et_pb_module_header, .entry-title {
	font-family: "Bitter", Georgia, serif !important;
	color: #1B2A4A;
}

/* Page titles wear the brand ribbon */
h1.entry-title { position: relative; padding-bottom: .55rem; }
h1.entry-title::after {
	content: ""; position: absolute; left: 0; bottom: 0;
	width: 88px; height: 5px; border-radius: 3px;
	background: linear-gradient(90deg, #E87722 0 34%, #D9A404 34% 67%, #9C2F1E 67% 100%);
}

/* ---------- Details that whisper "someone cares" ---------- */
::selection { background: #1B2A4A; color: #F6EFE1; }

a { text-underline-offset: 3px; }
.entry-content a:not([class]) { color: #9C2F1E; font-weight: 600; }
.entry-content a:not([class]):hover { color: #C2600F; }

blockquote {
	background: #FDF9EF; border-left: 5px solid #E87722;
	border-radius: 0 12px 12px 0; padding: 1rem 1.3rem; font-style: italic; color: #3E4657;
}

hr {
	border: 0; height: 4px; border-radius: 2px; max-width: 220px; margin: 2.2rem auto;
	background: linear-gradient(90deg, #E87722 0 34%, #D9A404 34% 67%, #9C2F1E 67% 100%);
	opacity: .85;
}

.entry-content table { border-collapse: collapse; }
.entry-content tbody tr:nth-child(odd) { background: #FBF7EC; }
.entry-content th { background: #1B2A4A; color: #fff; }
.entry-content td, .entry-content th { border: 1px solid #E9E0CB; padding: .55rem .8rem; }

/* Focus visibility in brand orange, everywhere */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 3px solid rgba(232,119,34,.55); outline-offset: 2px;
}

/* Custom scrollbar (WebKit) — a small signature */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #F0E9D8; }
::-webkit-scrollbar-thumb { background: #1B2A4A; border-radius: 6px; border: 2px solid #F0E9D8; }
::-webkit-scrollbar-thumb:hover { background: #2A3D66; }

/* Divi menu: current page gets the orange thread */
#top-menu li.current-menu-item > a { color: #E87722 !important; }
#top-menu li.current-menu-item > a::after {
	content: ""; display: block; height: 3px; border-radius: 2px; margin-top: 4px;
	background: linear-gradient(90deg, #E87722, #D9A404);
}

/* Mobile: skip fixed-texture repaint costs, keep the warmth */
@media (max-width: 780px) {
	body { background-size: 420px 420px; }
}


/* ---------- Background family (chosen in Appearance → Elko Style) ---------- */
body.est-bg-plain { background-image: none; }

body.est-bg-ridge {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='240' viewBox='0 0 480 240'%3E%3Cg fill='none' stroke='%23E9E0CB' stroke-width='1.4'%3E%3Cpath d='M-10 80 L 60 38 L 120 72 L 190 26 L 260 70 L 330 40 L 400 78 L 490 44'/%3E%3Cpath d='M-10 200 L 70 158 L 140 194 L 210 146 L 280 190 L 350 160 L 420 198 L 490 164'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 480px 240px;
}

body.est-bg-sage {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%23E9E0CB' stroke-width='1.4' stroke-linecap='round'%3E%3Cg transform='translate(80,90)'%3E%3Cpath d='M0 22 L0 0 M0 8 L-9 -4 M0 8 L9 -4 M0 15 L-13 6 M0 15 L13 6'/%3E%3C/g%3E%3Cg transform='translate(300,200) scale(0.85)'%3E%3Cpath d='M0 22 L0 0 M0 8 L-9 -4 M0 8 L9 -4 M0 15 L-13 6 M0 15 L13 6'/%3E%3C/g%3E%3Cg transform='translate(160,330) scale(1.1)'%3E%3Cpath d='M0 22 L0 0 M0 8 L-9 -4 M0 8 L9 -4 M0 15 L-13 6 M0 15 L13 6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 420px 420px;
}

body.est-bg-tracks {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg stroke='%23E9E0CB' stroke-width='1.4'%3E%3Cpath d='M-20 100 L 380 60' stroke-dasharray='16 22'/%3E%3Cpath d='M-20 118 L 380 78' stroke-dasharray='16 22'/%3E%3Cpath d='M-20 280 L 380 240' stroke-dasharray='16 22'/%3E%3Cpath d='M-20 298 L 380 258' stroke-dasharray='16 22'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 360px 360px;
}

body.est-bg-stars {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='440' viewBox='0 0 440 440'%3E%3Cg fill='none' stroke='%23E9E0CB' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M90 70 L90 84 M83 77 L97 77'/%3E%3Cpath d='M330 150 L330 160 M325 155 L335 155'/%3E%3Cpath d='M180 260 L180 274 M173 267 L187 267'/%3E%3Cpath d='M380 350 L380 360 M375 355 L385 355'/%3E%3Cpath d='M60 380 L60 390 M55 385 L65 385'/%3E%3Ccircle cx='250' cy='60' r='1.6' fill='%23E9E0CB' stroke='none'/%3E%3Ccircle cx='120' cy='180' r='1.6' fill='%23E9E0CB' stroke='none'/%3E%3Ccircle cx='300' cy='300' r='1.6' fill='%23E9E0CB' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 440px 440px;
}

/* ---------- Header joins the paper ---------- */
#main-header, #top-header,
.et-fixed-header#main-header,
#main-header.et-fixed-header {
	background-color: rgba(248, 243, 231, .93) !important;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	box-shadow: 0 1px 0 #E9E0CB, 0 6px 18px rgba(20, 33, 60, .07) !important;
}
/* Theme-builder headers (if ever used) get the same treatment */
.et-l--header .et_pb_section:not([style*="background"]) {
	background-color: rgba(248, 243, 231, .93) !important;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	box-shadow: 0 1px 0 #E9E0CB, 0 6px 18px rgba(20, 33, 60, .07);
}
/* Mobile menu panel matches */
.et_mobile_menu, #et_mobile_nav_menu {
	background-color: #F8F3E7 !important;
	border-top: 1px solid #E9E0CB;
}
.et_mobile_menu li a { color: #1B2A4A !important; }