/*
Theme Name: Barter Rustic TT5 Child
Theme URI: https://example.com/
Description: Rustic/farmhouse block child theme for a barter directory, built for Twenty Twenty-Five.
Author: OpenAI
Version: 1.0.0
Template: twentytwentyfive
Text Domain: barter-rustic-tt5-child
*/

:root{
  --barter-cream:#F7F1E7;
  --barter-paper:#FFFAF2;
  --barter-brown:#6B4F3A;
  --barter-dark:#3F2E22;
  --barter-sage:#7A8B6D;
  --barter-gold:#B88A44;
  --barter-line:#D9C8AE;
  --barter-muted:#6D6258;
}

body{
  color: var(--barter-dark);
}

.barter-shell{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px 24px;
}

.barter-card{
  background: var(--barter-paper);
  border: 1px solid var(--barter-line);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(63,46,34,.08);
}

.barter-nav{
  padding: 14px 18px;
}

.barter-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.barter-brand{
  display:flex;
  align-items:center;
  gap: 12px;
}

.barter-logo{
  width: 46px;
  height: 46px;
  border-radius: 999px;
  padding: 4px;
  background: var(--barter-cream);
  border:1px solid var(--barter-line);
}

.barter-brand-title{
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--barter-brown);
  line-height: 1.1;
}

.barter-brand-tag{
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--barter-sage);
}

.barter-menu{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap: wrap;
}

.barter-menu a{
  text-decoration:none;
  color: var(--barter-dark);
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid transparent;
}

.barter-menu a.barter-cta{
  background: var(--barter-brown);
  color: var(--barter-paper);
  border-color: var(--barter-brown);
  font-weight: 700;
}

.barter-hero{
  background:
    linear-gradient(rgba(107,79,58,.84), rgba(107,79,58,.74)),
    linear-gradient(135deg, #7a8b6d 0%, #b88a44 100%);
  border-radius: 22px;
  color: #fffaf2;
  padding: 52px 36px;
  box-shadow: 0 12px 28px rgba(63,46,34,.12);
}

.barter-hero-top{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.barter-logo-large{
  width:72px;
  height:72px;
  border-radius: 999px;
  padding:8px;
  background: rgba(255,250,242,.14);
  border:1px solid rgba(255,250,242,.24);
}

.barter-kicker{
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .78rem;
  opacity: .9;
}

.barter-hero h1{
  margin: 4px 0 6px;
  font-size: clamp(2.1rem, 4vw, 3rem);
  line-height: 1.08;
  color: #fffaf2;
}

.barter-hero p{
  max-width: 720px;
}

.barter-buttons{
  display:flex;
  gap:12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.barter-button{
  display:inline-block;
  text-decoration:none;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 700;
  border:1px solid currentColor;
}

.barter-button.primary{
  background: #fffaf2;
  color: var(--barter-brown);
  border-color: #fffaf2;
}

.barter-button.secondary{
  background: transparent;
  color: #fffaf2;
  border-color: rgba(255,250,242,.7);
}

.barter-section{
  padding: 30px 26px;
}

.barter-note{
  background:#f8f2e8;
  border-left:5px solid var(--barter-gold);
  padding:16px 18px;
  border-radius: 10px;
}

.barter-note.sage{
  border-left-color: var(--barter-sage);
}

.barter-shortcode{
  background:#f2e8da;
  padding:10px 12px;
  border-radius:8px;
  display:inline-block;
}

.barter-dashed{
  border:1px dashed #d6c1a1;
}

.barter-footer{
  padding: 28px 24px;
}

.barter-footer small, .barter-muted{
  color: var(--barter-muted);
}

@media (max-width: 760px){
  .barter-hero{
    padding: 34px 22px;
  }
  .barter-section, .barter-footer{
    padding: 22px 18px;
  }
}