/* Baurer WP port — polish layer over cobra.css */

/* content images never overflow */
.node-body img, .region-content img, .img-responsive { max-width: 100%; height: auto; }

/* catalog grid: tidy fixed cells, aligned rows */
.stone-grid .view-content { display: flex; flex-wrap: wrap; }
.stone-grid .product-row {
  width: 200px; min-height: 250px; float: none;
  margin: 0 20px 24px 0; vertical-align: top;
}
.stone-grid .product-image {
  width: 200px; height: 150px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #f4f1ec; border: 1px solid #e6e0d6;
}
.stone-grid .product-image img { max-height: 150px; width: auto; }
.stone-grid .product-title { margin-top: 6px; font-weight: 700; line-height: 1.2; font-size: 14px; }
.stone-grid .product-title a { color: #333; }
.stone-grid .product-title a:hover { color: #bd550a; }
.no-photo {
  display: inline-block; color: #b3a795; font-size: 13px;
  font-family: "Open Sans Condensed", Arial, sans-serif;
}

/* homepage solutions grid */
.solutions-block .view-content { display: flex; flex-wrap: wrap; gap: 0; }
.solutions-block .solution-row { width: 200px; margin: 0 25px 22px 0; }
.solutions-block .solution-image { width: 200px; height: 165px; overflow: hidden; }
.solutions-block .solution-image img { width: 200px; height: auto; }
.solutions-block .solution-title { margin-top: 6px; line-height: 1.15; }

/* breadcrumb */
.breadcrumb {
  background: none; padding: 8px 0; margin: 0 0 12px; font-size: 13px;
  color: #8a8a8a; list-style: none;
}
.breadcrumb a { color: #bd550a; }
.breadcrumb .sep { color: #c8c0b4; margin: 0 4px; }

/* social: clean row of per-network icons, no overlapping text labels.
   Icons keyed by link href; labels hidden. Icons live at /sites/all/themes/cobra/images/. */
.social-menu { background: none !important; width: auto !important; height: auto !important;
  display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 4px 0 0; }
.social-menu li { width: 32px !important; height: 32px !important; float: none !important;
  margin: 0 !important; padding: 0 !important; display: inline-block; }
.social-menu li a { display: block; width: 32px; height: 32px; padding: 0; margin: 0;
  text-indent: -9999em; overflow: hidden; white-space: nowrap; border: 0; border-radius: 4px;
  background-repeat: no-repeat; background-position: center; background-size: 30px 30px; }
.social-menu li a[href*="vk.com"]      { background-image: url(/sites/all/themes/cobra/images/social-vk.png); }
.social-menu li a[href*="facebook"]    { background-image: url(/sites/all/themes/cobra/images/social-facebook.png); }
.social-menu li a[href*="instagram"]   { background-image: url(/sites/all/themes/cobra/images/social-instagram.png); }
.social-menu li a[href*="youtube"]     { background-image: url(/sites/all/themes/cobra/images/social-youtube.png); }
.social-menu li a[href*="twitter"]     { background-image: url(/sites/all/themes/cobra/images/social-twitter.png); }
.social-menu li a[href*="plus.google"] { background-image: url(/sites/all/themes/cobra/images/social-googleplus.png); }
.social-menu li a:hover { opacity: .82; }

/* single-stone CTA row */
.stone-cta { margin: 18px 0 8px; }
.stone-cta .btn { margin: 0 8px 8px 0; }

/* site slogan bled through the header banner (cobra absolute layout) — hide it;
   the slogan still appears in the footer, brand is carried by the logo */
.site-slogan { display: none !important; }

/* node titles use heading font */
.node-title, .page-header { font-family: "Yeseva One", Arial, sans-serif; color: #271811; margin: 0 0 16px; }

/* sidebar news rows */
.sidebar-news .news-row { margin-bottom: 12px; overflow: hidden; }
.sidebar-news .news-image { float: left; width: 70px; margin-right: 10px; }
.sidebar-news .news-image img { width: 70px; height: auto; border: 1px solid #d1d1d1; }
.sidebar-news .news-title { font-size: 13px; line-height: 1.2; }
.sidebar-news .more-link a { display: inline-block; padding: 2px 15px; border: 1px solid #bd550a; border-radius: 2px; font-size: 13px; }

/* pager */
.pager { margin: 20px 0; text-align: center; }
.pager .page-numbers { display: inline-block; padding: 4px 10px; margin: 0 2px; border: 1px solid #e0d8cc; color: #bd550a; }
.pager .page-numbers.current { background: #bd550a; color: #fff; border-color: #bd550a; }

/* footer columns spacing */
.footer-wrapper { margin-top: 40px; padding: 30px 0; }
.footer .block-title { font-family: "Yeseva One", Arial, sans-serif; margin-bottom: 10px; }
.footer .menu.nav li { list-style: none; }
.footer .menu.nav { padding: 0; }
.footer a { color: #bd550a; }

/* portfolio object galleries (appended to portfolio posts) */
.portfolio-gallery { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.portfolio-gallery img { width: 220px; height: 165px; object-fit: cover; border: 1px solid #e6e0d6; border-radius: 3px; }

/* node-body inline images: keep tidy */
.node-body p img { margin: 6px 0; }

/* ===== mobile: cobra header is desktop-first absolute — make it a static stack ===== */
@media (max-width: 767px) {
  .header-container { height: auto !important; padding: 12px 10px 14px !important; text-align: center; }
  .header-slider, .region-header-slider { position: static !important; height: 90px !important; overflow: hidden; margin-bottom: 10px; }
  .header-slider-item { height: 90px !important; }
  .logo { position: static !important; display: inline-block !important; width: auto !important; height: auto !important;
    margin: 0 auto 10px !important; transform: none !important; top: auto !important; left: auto !important; }
  .logo img { max-height: 70px; width: auto; }
  .region-header { position: static !important; }
  .header-phone { position: static !important; width: auto !important; height: auto !important; margin: 10px auto !important;
    background: none !important; text-align: center; }
  .header-phone strong { font-size: 20px !important; }
  .header-menu, .header-menu2 { position: static !important; width: auto !important; background: none !important; margin: 8px 0 !important; }
  .header-menu .menu, .header-menu2 .menu { position: static !important; display: flex !important;
    flex-wrap: wrap; justify-content: center; gap: 4px 6px; padding: 0; }
  .header-menu .menu li, .header-menu2 .menu li { float: none !important; display: inline-block; }
  .header-menu .menu li a, .header-menu2 .menu li a { display: block; padding: 6px 10px; background: #a8490a; color: #fff !important;
    border-radius: 3px; font-size: 14px; }
  .header-menu2 .menu li a { background: #8d3d08; }
  .content-wrapper .col-sm-3, .content-wrapper .col-sm-9 { width: 100%; }
  .stone-grid .product-row, .solutions-block .solution-row { width: 46%; margin-right: 4%; }
}