/* Thai 2 Go brand and SEO content enhancements. */
:root {
  --t2g-burgundy: #315b25;
  --t2g-red: #6da943;
  --t2g-black: #213d1b;
  --t2g-white: #ffffff;
  --t2g-cream: #f1f7eb;
  --t2g-text: #243021;
}

body { background: #fbfdf8; color: var(--t2g-text); }
a { color: var(--t2g-burgundy); }
a:hover,
a:focus { color: var(--t2g-red); }
h1,
h2 { color: var(--t2g-burgundy); }

#sidebar { background: #e5f0da; color: var(--t2g-black); }
#sidebar .navbar-info,
#sidebar .navbar-info p,
#sidebar .navbar-default .navbar-nav > li > a { color: var(--t2g-black); }
#sidebar .navbar-default .navbar-nav > .active > a,
#sidebar .navbar-default .navbar-nav > .active > a:focus,
#sidebar .navbar-default .navbar-nav > .active > a:hover { color: var(--t2g-red); }
#sidebar .navbar-default .navbar-nav > li:hover > a {
  background: var(--t2g-burgundy);
  color: var(--t2g-white) !important;
}
#sidebar .brand { max-width: 180px; }
#sidebar .margin-icon { color: var(--t2g-burgundy); }
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: var(--t2g-burgundy); }
.navbar-default .navbar-toggle .icon-bar { background: var(--t2g-white); }

.btn,
.btn-default,
.btn.btn-secondary {
  border-color: var(--t2g-burgundy);
  background: var(--t2g-burgundy);
  color: var(--t2g-white);
}
.btn:hover,
.btn:focus,
.btn-default:hover,
.btn-default:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  border-color: var(--t2g-red);
  background: var(--t2g-red);
  color: var(--t2g-white);
}
.bg-light { background: var(--t2g-cream); }

.thai2go-delivery { background: var(--t2g-white); }
.delivery-intro { display: flex; align-items: center; }
.delivery-eyebrow {
  margin-bottom: 6px;
  color: var(--t2g-burgundy);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.delivery-cta p { max-width: 320px; margin: 14px auto 0; font-size: 14px; }
.delivery-area-box {
  margin: 34px 0;
  padding: 26px;
  border-left: 5px solid var(--t2g-red);
  border-radius: 5px;
  background: var(--t2g-cream);
}
.delivery-area-box h3 { margin-top: 0; }
.delivery-benefits > div { margin-bottom: 20px; }
.delivery-benefits i { color: var(--t2g-burgundy); font-size: 36px; }
.delivery-benefits h3 { margin: 14px 0 8px; font-size: 22px; }
.delivery-faq { max-width: 850px; margin: 34px auto 0; }
.delivery-faq > h3 { text-align: center; }
.delivery-faq details { border-bottom: 1px solid #d7d0cd; }
.delivery-faq summary {
  position: relative;
  padding: 16px 40px 16px 0;
  color: var(--t2g-black);
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.delivery-faq summary::-webkit-details-marker { display: none; }
.delivery-faq summary::after {
  content: "+";
  position: absolute;
  top: 8px;
  right: 8px;
  color: var(--t2g-burgundy);
  font-size: 29px;
  font-weight: 400;
}
.delivery-faq details[open] summary::after { content: "−"; }
.delivery-faq details p { padding: 0 40px 16px 0; }

.thai2go-reviews { background: var(--t2g-black); color: var(--t2g-white); }
.thai2go-reviews h2,
.thai2go-reviews .review-heading p:not(.delivery-eyebrow) { color: var(--t2g-white); }
.review-heading { max-width: 780px; margin: 0 auto 30px; }
.review-cards article { margin-bottom: 20px; }
.review-cards article > div {
  min-height: 185px;
  padding: 25px;
  border-radius: 6px;
  background: var(--t2g-white);
  color: var(--t2g-text);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .2);
}
.review-source { display: block; margin-bottom: 12px; color: var(--t2g-burgundy); font-weight: 700; text-transform: uppercase; }
.review-actions .btn { margin: 5px; }

.thai2go-map { background: var(--t2g-cream); }
.map-row { display: flex; align-items: center; }
.map-frame { overflow: hidden; border-radius: 7px; box-shadow: 0 8px 24px rgba(0, 0, 0, .14); }
.map-frame iframe { display: block; width: 100%; }
.contact-icon-info a { color: #651017; }
.contact-icon-info a:hover,
.contact-icon-info a:focus { color: var(--t2g-red); }

.footer { background: #294d20; color: var(--t2g-white); }
.footer a { color: #f39aa0; }
.footer a:hover,
.footer a:focus { color: var(--t2g-white); }
.footer .gradient-overlay { background: rgba(41, 77, 32, .94) !important; }

.thai2go-mobile-order { display: none; }

@media (max-width: 991px) {
  #sidebar .brand { max-width: 78px; }
  .delivery-intro,
  .map-row { display: block; }
  .delivery-cta,
  .map-frame { margin-top: 24px; }
  .review-cards article > div { min-height: 0; }
}

@media (max-width: 767px) {
  body { padding-bottom: 70px; }
  .delivery-area-box { padding: 20px; }
  .thai2go-mobile-order {
    display: block;
    position: fixed;
    z-index: 999999;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
    background: rgba(41, 77, 32, .98);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .22);
  }
  .thai2go-mobile-order a {
    display: block;
    padding: 14px 12px;
    border-radius: 5px;
    background: var(--t2g-burgundy);
    color: var(--t2g-white);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .thai2go-mobile-order a:hover,
  .thai2go-mobile-order a:focus { background: #497a35; color: var(--t2g-white); }
}