/* rescue.css — original fallback stylesheet for the karabacaklaryapi.com static mirror.
   The site's commercial BeTheme stylesheets were not preserved by the Internet Archive;
   this file provides structural layout for the theme's grid/header markup.
   Accent color #ffb400 comes from the site's own inline theme-options CSS. */

* { box-sizing: border-box; }
html { background: #e9e7e2 !important; } /* original bg image (home_repair_sitebg.jpg) lost; neutral tone */
body {
  margin: 0;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #5f5f5f;
  background: transparent;
  overflow-x: hidden;
}
/* the theme's own inline CSS sets #Wrapper max-width:1122px (boxed); centering lived in lost base.css */
#Wrapper {
  max-width: 1122px;
  margin: 0 auto;
  background-color: #fcfcfc;
  box-shadow: 0 0 24px rgba(0, 0, 0, .08);
}
h1, h2, h3, h4, h5, h6 { color: #2d2d2d; line-height: 1.25; margin: 0 0 .6em; font-weight: 500; }
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; text-transform: none; }
p { margin: 0 0 1em; }
a { color: #ffb400; text-decoration: none; }
a:hover { color: #d99a00; }
img { max-width: 100%; height: auto; border: 0; }
ul { padding-left: 1.2em; }
hr { border: 0; border-top: 1px solid #e8e8e8; margin: 20px 0; }

/* ---------- layout containers ---------- */
.container, .section_wrapper {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.section { padding: 30px 0; }
.section.full-width { padding: 0; }
.section_wrapper::after, .container::after, .wrap::after, .clearfix::after {
  content: ""; display: table; clear: both;
}

/* grid: theme column classes */
.wrap, .column { float: left; min-height: 1px; margin: 0 1% 20px; }
.one          { width: 98%; }
.one-second   { width: 48%; }
.one-third    { width: 31.33%; }
.two-third    { width: 64.66%; }
.one-fourth   { width: 23%; }
.three-fourth { width: 73%; }
.one-fifth    { width: 17.6%; }
.one-sixth    { width: 14.66%; }
.mcb-wrap-inner { width: 100%; }
.column_attr { padding: 5px 0; }

/* ---------- header ----------
   Colors follow the site's own inline theme-options CSS:
   #Action_bar white bg / #222 text, #Top_bar #111 dark. */
#Action_bar {
  font-size: 13px;
  padding: 8px 0;
}
#Action_bar .contact_details {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px 24px; align-items: center;
}
#Action_bar .contact_details li { margin: 0; }
#Action_bar .contact_details .slogan { color: #c98e00; font-weight: 500; }
#Action_bar .column { margin-bottom: 0; }

#Top_bar {
  position: relative !important;
  z-index: 30;
}
#Top_bar .column { margin-bottom: 0; }
#Top_bar .top_bar_left { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#Top_bar .logo { padding: 14px 0; }
.logo-title {
  font-size: 26px; font-weight: 700; color: #ffffff; letter-spacing: .5px;
}
.logo-title::after { content: ""; display: block; height: 3px; width: 46px; background: #ffb400; }
.header_placeholder { display: none; }

/* menu */
#Top_bar .menu_wrapper { margin-left: auto; }
#Top_bar #menu { display: block !important; }
#Top_bar ul#menu, #Top_bar ul.menu {
  list-style: none; margin: 0; padding: 0; display: flex; gap: 4px;
}
#Top_bar ul#menu li, #Top_bar ul.menu li { margin: 0; }
#Top_bar ul#menu li a, #Top_bar ul.menu li a {
  display: block; padding: 24px 18px; color: #b5b5b5; font-weight: 500; font-size: 15px;
}
#Top_bar ul#menu li a:hover,
#Top_bar ul#menu li.current-menu-item > a,
#Top_bar ul.menu li.current-menu-item > a {
  color: #ffb400 !important; box-shadow: inset 0 -3px 0 #ffb400;
}
#Top_bar a.responsive-menu-toggle { display: none; }
#Top_bar .search_wrapper, #searchform .icon_close { display: none; }
.top_bar_right, #header_cart { display: none; }

/* ---------- rescue hero (replaces the lost Slider Revolution hero) ---------- */
.rescue-hero {
  background: linear-gradient(135deg, #2d2d2d 0%, #444444 60%, #5a4a1e 100%);
  color: #f5f5f5;
  text-align: center;
  padding: 90px 20px 100px;
}
.rescue-hero h1 { color: #ffffff; font-size: 46px; margin-bottom: 8px; }
.rescue-hero-sub { font-size: 18px; color: #dddddd; margin-bottom: 4px; }
.rescue-hero-slogan { font-size: 22px; color: #ffb400; font-weight: 500; margin: 14px 0 26px; }
.rescue-btn {
  display: inline-block; margin: 0 8px 8px; padding: 13px 30px;
  background: #ffb400; color: #2d2d2d !important; font-weight: 600; border-radius: 3px;
}
.rescue-btn:hover { background: #e6a200; }
.rescue-btn-alt { background: transparent; color: #ffb400 !important; border: 2px solid #ffb400; }
.rescue-btn-alt:hover { background: rgba(255, 180, 0, .12); }

/* ---------- content components ---------- */
.image_frame { border: 0; margin-bottom: 12px; }
.image_frame .image_wrapper { position: relative; overflow: hidden; }
.image_frame img { display: block; width: 100%; }
.image_frame .mask { display: none; }

.icon_box { text-align: center; padding: 10px; }
.icon_box .icon_wrapper { font-size: 40px; margin-bottom: 10px; }

.fancy_heading { text-align: center; padding: 10px 0 4px; }
.fancy_heading .title { margin-bottom: 8px; }
.fancy_heading .slogan { color: #9a9a9a; }

.get_in_touch, .infobox { padding: 24px; color: #2d2d2d; border-radius: 3px; }
.get_in_touch ul, .infobox ul { list-style: none; margin: 0; padding: 0; }
.get_in_touch li, .infobox li { padding: 6px 0; }

.accordion .question, .faq .question {
  border: 1px solid #e8e8e8; border-radius: 3px; margin-bottom: 8px; background: #fff;
}
.accordion .question .title, .faq .question .title { padding: 12px 16px; font-weight: 500; cursor: default; }
.accordion .question .answer, .faq .question .answer { display: block !important; padding: 0 16px 12px; }
.acc-icon-plus, .acc-icon-minus { display: none; }

ul.timeline_items, .timeline_items { list-style: none; margin: 0; padding: 0; }
.timeline_items li { padding: 14px 0; border-bottom: 1px dashed #e2e2e2; }

/* product grid headings sit under images */
.column_image .image_frame { margin-bottom: 6px; }

/* google maps */
iframe { max-width: 100%; border: 0; }

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 100%; padding: 11px 12px; margin-bottom: 12px;
  border: 1px solid #dddddd; border-radius: 3px;
  font: inherit; color: #444; background: #fbfbfb;
}
input:focus, textarea:focus { outline: 2px solid #ffb400; background: #fff; }
input[type="submit"] {
  background: #ffb400; color: #2d2d2d; border: 0; border-radius: 3px;
  padding: 12px 30px; font-weight: 600; cursor: pointer;
}
.wpcf7-form .column { margin-bottom: 0; }
.rescue-form-note {
  background: #fff7e3; border: 1px solid #ffb400; border-radius: 3px;
  padding: 16px 20px; margin-top: 6px;
}
.rescue-form-note p { margin-bottom: .5em; }
.screen-reader-response { position: absolute; left: -9999px; }

/* ---------- footer ---------- */
#Footer { background: #2d2d2d; color: #bdbdbd; margin-top: 40px; }
#Footer .widgets_wrapper { padding: 30px 0 10px; }
/* hide BeTheme demo "REPAIR" logo hotlinked from themes.muffingroup.com (not the client's brand) */
#Footer .textwidget .image_frame { display: none; }
#Footer .column { margin-bottom: 10px; }
#Footer a { color: #ffb400; }
#Footer .footer_copy {
  border-top: 1px solid #414141; padding: 16px 0; font-size: 13px; text-align: center;
}
#Footer .footer_copy .column { margin: 0; float: none; width: auto; }

/* ---------- gallery / content slider (theme carousel JS is gone; render as grid) ---------- */
.content_slider_ul {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
}
.content_slider_ul li { margin: 0; min-width: 0; overflow: hidden; }
.content_slider_ul li img { width: 100%; height: 220px; object-fit: cover; display: block; }
.content_slider .slider_pager, .content_slider .slider_nav { display: none; }

/* ---------- missing archive images ---------- */
img.img-missing {
  height: 180px !important; width: 100%;
  background: repeating-linear-gradient(45deg, #f3f3f3, #f3f3f3 12px, #ececec 12px, #ececec 24px);
  border: 1px dashed #cccccc;
  color: #9a9a9a; font-size: 12px; text-align: center;
  padding: 8px; object-fit: contain;
}
.content_slider_ul li img.img-missing { height: 220px !important; }

/* back to top / misc theme leftovers */
#back_to_top, .footer_button, #popup_contact, .fixed-nav { display: none !important; }
body:not(.template-slider) #Header { min-height: 0; }

/* ---------- responsive ---------- */
@media only screen and (max-width: 959px) {
  .one-second, .one-third, .two-third, .one-fourth, .three-fourth { width: 48%; }
}
@media only screen and (max-width: 959px) and (min-width: 641px) {
  .content_slider_ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media only screen and (max-width: 640px) {
  .content_slider_ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wrap, .column,
  .one-second, .one-third, .two-third, .one-fourth,
  .three-fourth, .one-fifth, .one-sixth { width: 98%; float: none; }
  #Top_bar .top_bar_left { justify-content: center; }
  #Top_bar ul#menu li a, #Top_bar ul.menu li a { padding: 14px 12px; }
  .rescue-hero { padding: 60px 16px; }
  .rescue-hero h1 { font-size: 32px; }
  #Action_bar .contact_details { justify-content: center; }
}