/* Torrington Citywide Tag Sale Extravaganza */
/*  5ead4 */

:root{
  --brown:#5d4424;
  --dark:#2d2112;
  --gold:#c5a45d;
  --light:#fffaf0;
  --paper:#fffdf8;
  --accent:#8b5e2a;
  --green:#37613a;
  --red:#9d2d20;
  --shadow:0 10px 30px rgba(45,33,18,.16);
  --main-bg:#f5ead4;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  color:var(--dark);
  background:var(--main-bg,#f5ead4);
}
a{color:var(--accent)}
.top-strip{height:6px;background:linear-gradient(90deg,var(--brown),var(--gold),var(--brown))}
.site-header{
  background:var(--paper);
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 14px rgba(0,0,0,.08);
}
.nav-wrap{
  max-width:1180px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 18px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--brown);
  text-decoration:none;
  font-weight:bold;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.brand img{height:52px;width:auto}
.main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.main-nav a,
.nav-dropbtn{
  text-decoration:none;
  color:var(--dark);
  padding:10px 12px;
  border-radius:999px;
  font-weight:bold;
  font-size:.94rem;
}
.main-nav a:hover,
.main-nav a.active,
.nav-dropbtn:hover,
.nav-dropbtn.active,
.nav-dropdown[open] .nav-dropbtn{
  background:#efe1c4;
  color:var(--brown);
}
.nav-dropdown{
  position:relative;
  display:inline-block;
}
.nav-dropdown summary{
  list-style:none;
}
.nav-dropdown summary::-webkit-details-marker{
  display:none;
}
.nav-dropbtn{
  cursor:pointer;
}
.nav-dropbtn::after{
  content:" ▼";
  font-size:.72em;
}
.nav-dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  min-width:170px;
  background:var(--paper);
  border:1px solid #d6c4a4;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  z-index:1001;
  padding:8px;
}
.nav-dropdown[open] .nav-dropdown-menu{
  display:block;
}
.nav-dropdown-menu a{
  display:block;
  padding:10px 12px;
  white-space:nowrap;
  border-radius:8px;
}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a.active{
  background:#efe1c4;
  color:var(--brown);
}


/* About dropdown button - match regular menu links */
.main-nav .nav-dropdown .nav-dropbtn{
  display:inline-block;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:.94rem;
  font-weight:bold;
  line-height:normal;
  color:var(--dark);
  text-decoration:none;
  padding:10px 12px;
  border-radius:999px;
  cursor:pointer;
}

.main-nav .nav-dropdown .nav-dropbtn:hover,
.main-nav .nav-dropdown .nav-dropbtn.active,
.main-nav .nav-dropdown[open] .nav-dropbtn{
  background:#efe1c4;
  color:var(--brown);
}

.main-nav .nav-dropdown summary{
  list-style:none;
}

.main-nav .nav-dropdown summary::-webkit-details-marker{
  display:none;
}

.menu-toggle{display:none;background:var(--brown);color:white;border:0;padding:9px 12px;border-radius:8px;font-size:1.3rem}
.hero{
  min-height:560px;
  background: url("../img/bg.png") center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:white;
  padding:60px 18px;
}
.hero-card{
  max-width:920px;
  background:#3b2a16;
  border:2px solid var(--gold);
  box-shadow:var(--shadow);
  --main-bg:#f5ead4;
  border-radius:24px;
  padding:38px 30px;
  
}
.hero-logo{max-width:520px;width:90%;background:#ffffff;border-radius:18px;padding:10px 18px;margin-bottom:18px}
.hero h1{font-size:clamp(2rem,5vw,4.2rem);margin:0 0 10px;line-height:1.05}
.hero .sub{font-size:clamp(1.2rem,3vw,2rem);font-weight:bold;color:#ffe7a2}
.hero p{font-size:1.2rem;max-width:760px;margin:18px auto}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}
.btn,.button{
  display:inline-block;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  background:var(--brown);
  color:white;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(45,33,18,.18);
}
.btn:hover,.button:hover{background:#402d16}
.btn.gold{background:var(--gold);color:#241807}
.btn.green{background:var(--green)}
.btn.red{background:var(--red)}
.section{max-width:1180px;margin:0 auto;padding:42px 18px}
.section h2{font-size:2.2rem;color:var(--brown);text-align:center;margin:0 0 20px}
.intro-text{font-size:1.12rem;line-height:1.65;max-width:900px;margin:0 auto 24px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{
  background:var(--paper);
  border:1px solid #e7d6b5;
  border-radius:18px;
  padding:20px;
  box-shadow:var(--shadow);
  --main-bg:#f5ead4;
}
.card h3{margin:0 0 10px;color:var(--brown)}
.notice{
  background:#fff3d0;
  border:1px solid var(--gold);
  padding:16px;
  border-radius:16px;
  margin:18px 0;
}
.toolbar{
  display:grid;
  grid-template-columns:2fr 1fr auto;
  gap:10px;
  margin:18px 0;
  align-items:center;
}
input,select,textarea{
  width:100%;
  padding:12px;
  border:1px solid #cdbb96;
  border-radius:10px;
  font:inherit;
  background:white;
}
textarea{min-height:130px}
#map{height:430px;border-radius:18px;overflow:hidden;border:1px solid #d9c7a4;box-shadow:var(--shadow);background:#eadbbf;margin:20px 0}
  --main-bg:#f5ead4;
.map-fallback{padding:24px;text-align:center}
.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.location-card{
  background:white;
  border:1px solid #dfcfad;
  border-radius:16px;
  padding:16px;
  box-shadow:0 5px 18px rgba(45,33,18,.12);
}
.location-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.location-head h3{margin:0;color:var(--brown);font-size:1.15rem}
.save-btn{white-space:nowrap;border:0;border-radius:999px;padding:8px 10px;background:var(--green);color:white;cursor:pointer;font-weight:bold;font-size:.85rem}
.save-btn.saved{background:var(--red)}
.location-meta{font-size:.94rem;line-height:1.45;margin-top:10px}
.category-badge{display:inline-block;background:#efe1c4;border-radius:999px;padding:4px 8px;font-size:.82rem;font-weight:bold;margin-top:8px}
.form-panel{max-width:720px;margin:0 auto;background:white;border:1px solid #dfcfad;border-radius:18px;padding:22px;box-shadow:var(--shadow)}
  --main-bg:#f5ead4;
.form-row{margin-bottom:14px}
.form-row label{display:block;font-weight:bold;margin-bottom:5px;color:var(--brown)}
.success{background:#dff1df;border:1px solid #80bb80;color:#173d17;padding:14px;border-radius:12px}
.error{background:#f8dddd;border:1px solid #c57272;color:#641717;padding:14px;border-radius:12px}
.site-footer{background:#2d2112;color:#fff3d0;margin-top:40px;padding:26px 18px;text-align:center}
.footer-inner{max-width:900px;margin:auto;display:flex;gap:18px;justify-content:center;align-items:center;text-align:left}
.footer-inner img{height:70px;background:white;border-radius:8px;padding:4px}
.copyright{font-size:.88rem;color:#dcc58c}
.admin-body{background:#f5ead4}
.admin-wrap{max-width:1100px;margin:20px auto;padding:0 18px}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}
.admin-nav a{background:var(--brown);color:white;text-decoration:none;padding:9px 12px;border-radius:8px}
.admin-table{width:100%;border-collapse:collapse;background:white}
.admin-table th,.admin-table td{border:1px solid #dccca9;padding:8px;text-align:left;vertical-align:top}
.admin-table th{background:#efe1c4}
.print-only{display:none}
@media(max-width:900px){
  .cards,.location-grid{grid-template-columns:1fr 1fr}
  .toolbar{grid-template-columns:1fr}
}
@media(max-width:700px){
  
/* About dropdown button - match regular menu links */
.main-nav .nav-dropdown .nav-dropbtn{
  display:inline-block;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:.94rem;
  font-weight:bold;
  line-height:normal;
  color:var(--dark);
  text-decoration:none;
  padding:10px 12px;
  border-radius:999px;
  cursor:pointer;
}

.main-nav .nav-dropdown .nav-dropbtn:hover,
.main-nav .nav-dropdown .nav-dropbtn.active,
.main-nav .nav-dropdown[open] .nav-dropbtn{
  background:#efe1c4;
  color:var(--brown);
}

.main-nav .nav-dropdown summary{
  list-style:none;
}

.main-nav .nav-dropdown summary::-webkit-details-marker{
  display:none;
}

.menu-toggle{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:10px;box-shadow:0 10px 20px rgba(0,0,0,.12)}
  .main-nav.open{display:flex;flex-direction:column;align-items:stretch}
  .main-nav a{border-radius:8px}
  .brand span{font-size:.82rem}
  .cards,.location-grid{grid-template-columns:1fr}
  .hero{min-height:500px}
  .nav-dropdown{
    display:block;
    width:100%;
  }
  .nav-dropbtn{
    display:block;
    border-radius:8px;
  }
  .nav-dropdown-menu{
    position:static;
    display:none;
    min-width:0;
    background:#fffaf0;
    border:0;
    border-left:3px solid #d6c4a4;
    box-shadow:none;
    padding:4px 0 4px 12px;
    margin-left:12px;
  }
  .nav-dropdown[open] .nav-dropdown-menu{
    display:block;
  }
  .nav-dropdown-menu a{
    padding:8px 12px;
  }
  .footer-inner{display:block;text-align:center}
}
@media print{
  .site-header,.site-footer,.toolbar,.btn-row,#map,.save-btn,.no-print{display:none!important}
  body{background:white}
  .section{padding:0}
  .location-grid{display:block}
  .location-card{break-inside:avoid;border:1px solid #999;margin:0 0 10px;box-shadow:none}
  .print-only{display:block}
}
/* comment goes here */

.demo-columns {
    display: grid;

    /* This starts with 1 column for phone screens */
    grid-template-columns: 1fr;

    gap: 20px;
}

/* Tablet size: change to 2 columns */
@media screen and (min-width: 700px) {
    .demo-columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop size: change to 3 columns */
@media screen and (min-width: 1000px) {
    .demo-columns {
        grid-template-columns: repeat(3, 1fr);
    }
}