/* J&C Garage Doors - site additions (2026) */

/* bigger logo (theme locked it to 154x57) */
#header .tt-retina-logo.jc-logo { width: auto; height: 110px; max-width: 100%; }
#header .header-area { padding-top: 18px; padding-bottom: 18px; }
#header #menu-main-nav { margin-top: 30px; }
@media only screen and (max-width: 767px) {
	#header .tt-retina-logo.jc-logo { height: 90px; margin: 0 auto 14px; }
	#header .header-area { padding-top: 14px; padding-bottom: 6px; }
	#header #menu-main-nav { margin-top: 0; }
}

/* real Google reviews block */
.jc-reviews-head { text-align: center !important; margin: 0 0 18px; }
.jc-reviews-head .jc-stars { color: #f5a623; font-size: 22px; letter-spacing: 2px; }
.jc-reviews-head a { font-weight: bold; }
.tt-testimonial-wrapper blockquote cite a { color: inherit; text-decoration: underline; }

/* tap-to-call bar on phones */
.jc-callbar { display: none; }
@media only screen and (max-width: 767px) {
	.jc-callbar { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 14px 10px; background: #f5a623; color: #fff !important; text-align: center; font-size: 17px; font-weight: bold; text-decoration: none !important; box-shadow: 0 -3px 12px rgba(0,0,0,.25); }
	body { padding-bottom: 54px; }
}

/* homepage: rating under the hero call button */
.slider-content-main .hero-rating { margin-top: 14px; font-size: 15px; }
.slider-content-main .hero-rating a { color: #fff; text-decoration: none; }
.slider-content-main .hero-rating .stars { color: #f5a623; font-size: 18px; letter-spacing: 1px; }

/* homepage: trust strip */
.jc-trust { display: flex; flex-wrap: wrap; border: 1px solid #dde4ea; border-top: 4px solid #f5a623; border-radius: 6px; background: #f7f9fb; margin: 6px 0 10px; }
.jc-trust > div { flex: 1 1 25%; box-sizing: border-box; padding: 16px 12px; text-align: center; border-right: 1px solid #dde4ea; }
.jc-trust > div:last-child { border-right: 0; }
.jc-trust .fa { display: block; font-size: 26px; color: #1e6a92; margin-bottom: 6px; }
.jc-trust strong { display: block; color: #0e3a5a; font-size: 16px; }
.jc-trust span { display: block; color: #555; font-size: 13px; }
@media only screen and (max-width: 767px) {
	.jc-trust > div { flex-basis: 50%; border-bottom: 1px solid #dde4ea; }
	.jc-trust > div:nth-child(2n) { border-right: 0; }
}

/* homepage: FAQ */
.jc-faq details { background: #fff; border: 1px solid #dde4ea; border-radius: 6px; margin-bottom: 10px; }
.jc-faq summary { cursor: pointer; padding: 14px 44px 14px 18px; position: relative; font-weight: bold; font-size: 15px; color: #0e3a5a; list-style: none; }
.jc-faq summary::-webkit-details-marker { display: none; }
.jc-faq summary:after { content: "+"; position: absolute; right: 18px; top: 9px; font-size: 22px; color: #f5a623; }
.jc-faq details[open] summary:after { content: "\2212"; }
.jc-faq details p { padding: 0 18px 6px; margin: 0 0 10px; line-height: 1.6; }
.jc-directions { margin-top: -6px; }

/* compact sticky header (theme clones the header into #B_sticky_menu on scroll) */
#B_sticky_menu .tt-retina-logo.jc-logo { height: 56px; }
#B_sticky_menu .header-area { padding-top: 6px; padding-bottom: 6px; }
#B_sticky_menu #menu-main-nav { margin-top: 4px; }

/* homepage: recent jobs gallery */
.jc-gallery { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.jc-gallery figure { margin: 0; width: 168px; text-align: center; }
.jc-gallery img { display: block; width: 168px; height: 168px; object-fit: cover; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.jc-gallery figcaption { margin-top: 8px; font-size: 13px; font-weight: bold; color: #0e3a5a; }
.jc-gallery-more { text-align: center !important; margin-top: 14px; }
@media only screen and (max-width: 767px) {
	.jc-gallery figure, .jc-gallery img { width: 140px; }
	.jc-gallery img { height: 140px; }
}

/* real job photo on service pages */
.jc-photo { float: right; width: 260px; margin: 6px 0 16px 22px; text-align: center; }
.jc-photo img { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.jc-photo figcaption { margin-top: 7px; font-size: 12px; font-weight: bold; color: #0e3a5a; }
@media only screen and (max-width: 767px) {
	.jc-photo { float: none; width: auto; max-width: 320px; margin: 10px auto 18px; }
}