/*
Theme Name: Toros Soğutma
Theme URI: https://torossogutma.com
Author: Toros Soğutma
Author URI: https://torossogutma.com
Description: Toros Soğutma kurumsal WordPress teması
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: torossogutma
Tags: industrial, business, corporate
*/

/* Bu dosya WordPress tema tanımlaması için gereklidir. 
   Tüm stil dosyaları functions.php ile yüklenecektir. */

/* ============================================
   İLETİŞİM SAYFASI STİLLERİ
   ============================================ */

/* Page Header - Renkler dinamik CSS'de tanımlı */
.page-header {
   padding: 80px 0 60px;
   margin-bottom: 0;
}

.page-title {
   font-size: 3rem;
   font-weight: 700;
   margin-bottom: 1rem;
}

.page-subtitle {
   font-size: 1.25rem;
   opacity: 0.9;
   margin-bottom: 0;
}

/* Contact Section */
.contact-section {
   background: #f8f9fa;
}

.contact-info-wrapper {
   background: #fff;
   padding: 2rem;
   border-radius: 10px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   height: 100%;
}

.contact-info-item {
   display: flex;
   gap: 1.5rem;
   padding-bottom: 1.5rem;
   border-bottom: 1px solid #e9ecef;
}

.contact-info-item:last-child {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0 !important;
}

.contact-icon {
   flex-shrink: 0;
   width: 50px;
   height: 50px;
   background: #ff5e14;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 1.5rem;
}

.contact-details h4 {
   font-size: 1rem;
   font-weight: 400;
   margin-bottom: 0.5rem;
   color: var(--heading-color, #1a1a1a);
}

.contact-details p {
   margin-bottom: 0.5rem;
   color: var(--text-color, #666);
   line-height: 1.6;
}

.contact-details p:last-child {
   margin-bottom: 0;
}

.contact-details a {
   color: var(--link-color, #e62e2d);
   text-decoration: none;
   transition: color 0.3s ease;
}

.contact-details a:hover {
   color: var(--link-hover-color, #c92928);
}

/* Contact Form */
.contact-form-wrapper {
   background: #fff;
   padding: 2.5rem;
   border-radius: 10px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.form-title {
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 1rem;
   color: var(--heading-color, #1a1a1a);
}

.form-description {
   color: var(--text-color, #666);
   margin-bottom: 2rem;
   font-size: 1rem;
}

.form-group {
   margin-bottom: 1.5rem;
}

.form-group label {
   display: block;
   margin-bottom: 0.5rem;
   font-weight: 400;
   color: var(--heading-color, #1a1a1a);
}

.form-control {
   width: 100%;
   padding: 0.75rem 1rem;
   border: 2px solid #e9ecef;
   border-radius: 8px;
   font-size: 1rem;
   transition: all 0.3s ease;
}

.form-control:focus {
   outline: none;
   border-color: var(--primary-color, #e62e2d);
   box-shadow: 0 0 0 0.2rem rgba(230, 46, 45, 0.1);
}

.btn-primary {
   background: var(--primary-color, #e62e2d);
   border: none;
   padding: 1rem 2.5rem;
   border-radius: 8px;
   font-weight: 600;
   transition: all 0.3s ease;
   cursor: pointer;
   color: #fff;
}

.btn-primary:hover {
   background: var(--button-hover-color, #c92928);
   transform: translateY(-2px);
   box-shadow: 0 5px 15px rgba(230, 46, 45, 0.3);
}

/* Map Section */
.map-section {
   margin: 0;
   padding: 0;
}

/* Dual Map Grid Layout */
.map-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
   padding: 0;
}

.map-item {
   position: relative;
}

.map-title {
   font-size: 1.25rem;
   font-weight: 600;
   margin-bottom: 15px;
   text-align: center;
   color: var(--heading-color, #1a1a1a);
   padding: 15px 0;
   /*background: #f8f9fa;*/
}

.map-wrapper {
   width: 100%;
   height: 450px;
   overflow: hidden;
}

.map-wrapper iframe {
   width: 100%;
   height: 100%;
   border: none;
}

/* Responsive */
@media (max-width: 991px) {
   .page-title {
      font-size: 2.5rem;
   }

   .contact-info-wrapper {
      margin-bottom: 2rem;
   }

   .form-title {
      font-size: 1.75rem;
   }
}

@media (max-width: 767px) {
   .page-header {
      padding: 60px 0 40px;
   }

   .page-title {
      font-size: 2rem;
   }

   .page-subtitle {
      font-size: 1.1rem;
   }

   .contact-info-wrapper,
   .contact-form-wrapper {
      padding: 1.5rem;
   }

   .contact-icon {
      width: 40px;
      height: 40px;
      font-size: 1.25rem;
   }

   .form-title {
      font-size: 1.5rem;
   }

   /* Stack maps vertically on mobile */
   .map-grid {
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .map-wrapper {
      height: 300px;
   }
}

/* ============================================
   ÜRÜNLER CAROUSEL STİLLERİ
   ============================================ */

.urunler-carousel .item {
   padding: 15px;
}

.urun-card {
   background: #fff;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.urun-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.urun-image {
   position: relative;
   width: 100%;
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
   overflow: hidden;
   background: #f8f9fa;
}

.urun-image a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
}

.urun-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
}

.urun-card:hover .urun-image img {
   transform: scale(1.05);
}

.urun-info {
   padding: 20px;
   text-align: center;
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
}

.urun-title {
   margin: 0;
   font-size: 1.1rem;
   font-weight: 600;
   line-height: 1.4;
}

.urun-title a {
   color: #1a1a1a;
   text-decoration: none;
   transition: color 0.3s ease;
}

.urun-title a:hover {
   color: #e62e2d;
}

/* Owl Carousel Ayarları */
.urunler-carousel.owl-carousel .owl-item {
   display: flex;
}

.urunler-carousel.owl-carousel .owl-nav button {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #e62e2d !important;
   color: #fff !important;
   font-size: 20px;
   transition: all 0.3s ease;
}

.urunler-carousel.owl-carousel .owl-nav button:hover {
   background: #c92928 !important;
   transform: scale(1.1);
}

/* Responsive */
@media (max-width: 767px) {
   .urun-title {
      font-size: 1rem;
   }

   .urun-info {
      padding: 15px;
   }
}

.urun-gorsel {
   padding: 0px !important;
}

.urun-info {
   padding: 15px 0 10px 0 !important;
}

.urun-title a {
   font-weight: 500 !important;
   font-size: 20px !important;
}

.btn-iletisim {
   font-weight: 400 !important;
   font-size: 16px !important;
   padding: 10px 10px !important;
}

.sayfa-urunler H1 {
   font-size: 22px !important;
}

.sayfa-urunler H2 {
   font-size: 18px !important;
}

.sayfa-urunler H3 {
   font-size: 16px !important;
   /* color: var(--color-primary); */
}

.sayfa-urunler p {
   white-space: normal !important;
}

.sayfa-urunler a {
   color: var(--color-primary);
   outline: 0 none;
   text-decoration: none;
}

.sayfa-urunler li {
   margin-left: 25px !important;
   margin-bottom: 15px !important;
   list-style: none !important;
}

.sayfa-urunler li {
   position: relative;
   padding-left: 18px;
}

.sayfa-urunler li::before {
   content: "■";
   position: absolute;
   left: 0;
   top: 0;
   color: #ff5e14;
}

/* ============================================
   BLOG YAZILARI STİLLERİ (sayfa-yazilar)
   ============================================ */

.sayfa-yazilar H1 {
   font-size: 22px !important;
}

.sayfa-yazilar H2 {
   font-size: 18px !important;
}

.sayfa-yazilar H3 {
   font-size: 16px !important;
   /* color: var(--color-primary); */
}

.sayfa-yazilar p {
   white-space: normal !important;
}

.sayfa-yazilar a {
   color: var(--color-primary);
   outline: 0 none;
   text-decoration: none;
}

.sayfa-yazilar li {
   margin-left: 25px !important;
   margin-bottom: 15px !important;
   list-style: none !important;
   position: relative;
   padding-left: 18px;
}

.sayfa-yazilar li::before {
   content: "■";
   position: absolute;
   left: 0;
   top: 0;
   color: #ff5e14;
}



.header-nav .nav>li .sub-menu {
   width: 300px !important;
}

.hizmet-title a:hover {
   color: #fff !important;
}

.widget_gallery.gallery-grid-4 li {
   width: 22% !important;
}

/* ============================================
   ARAMA SONU�LARI ST�LLER�
   ============================================ */

/* Search Info */
.search-info {
   background: #f8f9fa;
   padding: 20px;
   border-radius: 8px;
   border-left: 4px solid var(--primary-color, #e62e2d);
}

.search-info h4 {
   margin: 0;
   font-size: 1.25rem;
   color: var(--heading-color, #1a1a1a);
}

/* Search Results */
.search-results .blog-post {
   background: #fff;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
}

.search-results .blog-post:hover {
   box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
   transform: translateY(-3px);
}

/* Post Type Badge */
.dlab-post-meta .post-type {
   background: var(--primary-color, #e62e2d);
   color: #fff;
   padding: 4px 12px;
   border-radius: 4px;
   font-size: 0.875rem;
   font-weight: 500;
}

.dlab-post-meta .post-type i {
   margin-right: 5px;
}

/* No Results */
.no-results .alert {
   border-radius: 10px;
   padding: 2rem;
}

.no-results .suggestions {
   background: #f8f9fa;
   padding: 1.5rem;
   border-radius: 8px;
}

.no-results .suggestions h5 {
   color: var(--heading-color, #1a1a1a);
   margin-bottom: 1rem;
}

.no-results .suggestions ul {
   margin: 0;
   padding-left: 1.5rem;
}

.no-results .suggestions li {
   margin-bottom: 0.5rem;
   color: var(--text-color, #666);
}

/* Search Form in No Results */
.search-form-wrapper {
   margin-top: 1rem;
}

.search-form-wrapper .search-form {
   max-width: 500px;
   margin: 0 auto;
}

/* Responsive */
@media (max-width: 767px) {
   .search-info h4 {
      font-size: 1.1rem;
   }

   .search-results .blog-post {
      margin-bottom: 1.5rem;
   }

   .dlab-post-meta .post-type {
      font-size: 0.75rem;
      padding: 3px 8px;
   }
}

.musteri-logo {
   border: 1px solid #ededed;
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu {
   left: 300px !important;
}

.top-bar {
   height: 32px !important;
}

.dlab-topbar-left {
   padding-top: 5px !important;
}

.urun-teklif-btn {
   background-color: #ff5e14 !important;
   color: #fff !important;
   border: none !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 500 !important;
   cursor: pointer !important;
   transition: all 0.3s ease !important;
}

.urun-teklif-btn:hover {
   background-color: #a93804 !important;
   transform: translateY(-2px) !important;
}