/*
Theme Name: Oikia - Ignition Child
Theme URI: https://www.cssigniter.com/themes/oikia/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for Oikia - Ignition
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-oikia
Text Domain: ignition-oikia-child
*/

/* Existing customizations */
.entry-categories a,
.entry-tags a,
.ignition-percentage-bar,
.ignition-slideshow .ignition-slideshow-actions-wrap,
.navigation a.page-numbers:hover,
.page-hero-property-terms a,
.property-search-form .ignition-oikia-select:hover:before,
.searchform .searchsubmit,
.searchform .searchsubmit:hover {
  background-color: #1a3e71 !important;
}

/* Hide featured image on single property */
.single-ignition-property figure.entry-thumb {
  display: none;
}

.property-content {
  background-color: var(--ignition-colors-white);
  border: 1px solid var(--ignition-border-color);
  padding: 30px;
  margin-bottom: 30px;
}

.head-mast-sticky-container {
  height: 130px !important;
}

.head-mast-inner {
  padding: 20px 0 0px 0;
}

/* Header language switcher */
#header-language-switcher-widget-area {
  position: absolute;
  z-index: 999;
  right: 13%;
  top: 31%;
  border: none !important;
}
#header-language-switcher-widget-area .widget.widget_polylang .widget-title {
  display: none;
}

/* Slider adjustments */
.swiper-container-slider {
  overflow: hidden !important;
}
.swiper-container-slider .swiper-slide {
  width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.swiper-container-slider .swiper-slide img.attachment-full.size-full.wp-post-image {
  height: 200px !important;
  object-fit: cover;
}
.swiper-container-slider .swiper-button-next,
.swiper-container-slider .swiper-button-prev {
  display: none !important;
}

/* Typography */
body {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: #222;
}
a, a:visited {
  color: #1a3e71;
  text-decoration: none;
}
a:hover {
  color: #1454a8;
}

/* Property Grid */
.property-grid .property-card {
  position: relative;
  overflow: hidden;
  border: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}
.property-grid .property-card:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Image overlay */
.property-card .image-container {
  position: relative;
}
.property-card .image-container::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity 0.5s;
}
.property-card:hover .image-container::after {
  opacity: 1;
}
.property-card .info-overlay {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s;
}
.property-card:hover .info-overlay {
  opacity: 1;
}

/* Layout */
.property-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin: 60px 0;
}

/* Header */
.site-header {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.site-header .menu-item a {
  color: #333;
  font-weight: 500;
}
.site-header .menu-item a:hover {
  color: #1a3e71;
}

/* Footer */
.site-footer {
  background-color: #1a3e71;
  color: #fff;
  padding: 40px 0;
}
.site-footer a {
  color: #fff;
}
.site-footer a:hover {
  color: #e0e0e0;
}

/* Property Search */
.property-search {
  background-color: #f7f9fb;
  border: 1px solid #e2e6ea;
  border-radius: 12px;
  padding: 25px 30px;
  margin-bottom: 40px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.property-search label {
  font-weight: 600;
  color: #1a3e71;
}
.property-search input[type="text"],
.property-search select {
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  transition: all 0.3s;
}
.property-search input[type="text"]:focus,
.property-search select:focus {
  border-color: #1a3e71;
  box-shadow: 0 0 5px rgba(26,62,113,0.3);
  outline: none;
}
.property-search button,
.property-search input[type="submit"] {
  background-color: #1a3e71;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.property-search button:hover,
.property-search input[type="submit"]:hover {
  background-color: #1454a8;
}

/* Buttons */
.button, .btn, a.button {
  background-color: #1a3e71;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.3s;
}
.button:hover, .btn:hover, a.button:hover {
  background-color: #1454a8;
}

/* Map pins */
.leaflet-marker-icon,
.gm-style .gm-style-iw-d {
  filter: hue-rotate(200deg) brightness(0.9) saturate(1.3);
}
.property-map .marker-icon {
  fill: #1a3e71 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .property-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .property-search {
    padding: 20px;
  }
  .site-header .menu {
    flex-direction: column;
    text-align: center;
  }
  .property-card .price {
    font-size: 16px;
  }
}
/* --- Property Search Section Styling --- */
.property-search-section,
.property-search {
  background-color: #999999 !important; /* new lighter gray background */
  padding: 40px 20px;
  border-radius: 4px;
}

/* Search form fields */
.property-search input[type="text"],
.property-search select {
  background-color: #ffffff;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease;
}

.property-search input[type="text"]:focus,
.property-search select:focus {
  border-color: #002349; /* elegant navy blue accent */
  box-shadow: 0 0 5px rgba(0, 35, 73, 0.3);
  outline: none;
}

/* Search button */
.property-search input[type="submit"],
.property-search button {
  background-color: #002349 !important;
  color: #fff !important;
  border: none;
  padding: 10px 20px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.property-search input[type="submit"]:hover,
.property-search button:hover {
  background-color: #1a3e71 !important;
}