/* ===================================
    Crafto - Green energy 
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/* variable */
:root {      
    --alt-font: "Inter", sans-serif;
    --primary-font: "Inter", sans-serif;
    --base-color: #D7B56D;
    --green: #195828;
    --dark-gray: #1f2220;
    --medium-gray: #828282;
    --very-light-gray: #f7f7f7;
}
body {
    font-size: 16px;
    line-height: 28px;
}
/* header */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    width: 300px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    font-size: 16px;
    color: var(--dark-gray);
    font-weight: 600;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active:hover > a {
    background-color: var(--base-color);
    color: var(--white);
}
.navbar .navbar-nav .dropdown .dropdown-menu a i,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
    font-size: 40px;
    margin-right: 10px;
    width: 40px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover i {
    color: var(--white);
}
header .navbar-brand img {
    max-height: 86px;
}

@media (max-width: 767.98px) {
    header .navbar-brand img {
        max-height: 56px;
    }
}
.navbar .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 18px;
}
/* button */
.btn {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0px;
}

/* Outline base button (white background, base border, hover filled) */
.btn-outline-base {
    background-color: #ffffff;
    color: var(--base-color);
    border: 1px solid var(--base-color);
}

.btn-outline-base:hover {
    background-color: var(--base-color);
    color: #ffffff;
}

/* Proje kartı hover olduğunda butonu da hover gibi göster */
.project-gallery-section a:hover .btn-outline-base {
    background-color: var(--base-color);
    color: #ffffff;
}
.btn.btn-switch-text.btn-extra-large > span {
    padding: 17px 38px;
    font-size: 17px; 
}
.btn.btn-switch-text.btn-large > span {
    padding: 13px 32px;
    font-size:15px;
}
.btn.btn-switch-text.btn-medium > span {
    padding: 12px 26px;
    font-size:14px;
}
/* heading */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
}
/* Text gradient color */
.text-gradient-light-green-white {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%,  #ebf6ee 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Background color */
.bg-light-green {
    background-color: #c4e7cc;
}
.bg-very-light-green {
    background-color: #efe9dc;
}
/* Transparent background color */
.bg-gradient-green-transparent {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%,  #efe9dc 100%);
}

.right-210px {
  right: 210px;
}

/* page title */
.page-title-large h1 {
    font-size: 4.2rem;
    line-height: 4rem;
}
.page-title-large h2 {
    font-size: 18px;
}

/* Border color */
.border-color-dark-green {
    border-color: var(--green);
}
/* Subcribe style 02 */
.newsletter-style-02 .btn:hover {
    background-color: var(--green);
}
.newsletter-style-02 .btn {
    height: 85%;
    margin: 4px;
    padding: 5px 20px 5px;
}
.newsletter-style-02 input {
    padding-right: 75px !important;
}

/* Will change */
.animation-rotation {
    -webkit-animation: rotation 2.5s infinite linear;
}
/* footer */
footer .footer-logo img {
    max-height: 100px;
    width: auto;
}
footer a:hover {
    color: var(--white);
}
footer ul li {
    margin-bottom: 2px;
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}
@media (max-width: 1600px) {
    /* Font size */
    .fs-80 {
        font-size: 4rem;
        line-height: 4rem;
    }
}
@media (max-width: 1199px){
    .navbar .navbar-nav .nav-link {
        font-size: 16px;
        padding: 10px 10px;
    }
}
@media (max-width: 991px){
    /* Background image */
    .md-background-position-top-center {
        background-position: top center !important;
    } 
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        padding-bottom: 15px;
    }
}
@media (max-width: 767px){
    /* Background image */
    .sm-background-position-top-center {
        background-position: top center !important;
    }
}

.page-content-text ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
  }
  .page-content-text ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 6px;
  }
  .page-content-text ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.08854 8.18862C6.75521 7.85529 6.25521 7.85529 5.92188 8.18862C5.58854 8.52195 5.58854 9.02195 5.92188 9.35529L8.42188 11.8553C8.58854 12.022 8.75521 12.1053 9.00521 12.1053C9.25521 12.1053 9.42187 12.022 9.58854 11.8553L15.4219 5.18862C15.6719 4.77195 15.6719 4.27195 15.2552 4.02195C14.9219 3.77195 14.4219 3.77195 14.1719 4.10529L9.00521 10.022L7.08854 8.18862Z" fill="%23d1b677"/><path d="M16.5052 7.9375C16.0052 7.9375 15.6719 8.27083 15.6719 8.77083C15.6719 12.4375 12.6719 15.4375 9.00521 15.4375C5.33854 15.4375 2.33854 12.4375 2.33854 8.77083C2.33854 7.02083 3.00521 5.35417 4.25521 4.10417C5.50521 2.77083 7.17188 2.10417 9.00521 2.10417C9.50521 2.10417 10.0885 2.1875 10.5885 2.27083C11.0052 2.4375 11.5052 2.1875 11.6719 1.6875C11.8385 1.1875 11.5052 0.854167 11.0885 0.6875H11.0052C10.3385 0.520833 9.67188 0.4375 9.00521 0.4375C4.42188 0.4375 0.671875 4.1875 0.671875 8.85417C0.671875 11.0208 1.58854 13.1875 3.08854 14.6875C4.67188 16.2708 6.75521 17.1042 8.92188 17.1042C13.5052 17.1042 17.2552 13.3542 17.2552 8.77083C17.3385 8.27083 16.9219 7.9375 16.5052 7.9375Z" fill="%23d1b677"/></svg>');
  }

/* Page gallery hover - zoom & blur */
.page-gallery-section .gallery-image img {
    transition: transform 0.4s ease, filter 0.4s ease;
}

.page-gallery-section .gallery-image:hover img {
    transform: scale(1.06);
    filter: blur(1.5px);
}

/* Proje galerisi hover - zoom & blur */
.project-gallery-section .gallery-image img {
    transition: transform 0.4s ease, filter 0.4s ease;
}

.project-gallery-section .gallery-image:hover img {
    transform: scale(1.06);
    filter: blur(1.5px);
}

/* Galeri hover ikonu sadece hover'da görünsün */
.gallery-image .gallery-hover {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-image:hover .gallery-hover {
    opacity: 1;
}

/* Proje detay banner mask */
.banner-bg {
    position: absolute;
    inset: -4px;
    background-size: cover;
    background-position: center;
    filter: blur(4px);
    transform: scale(1.03);
    will-change: transform, filter;
    pointer-events: none;
}

.banner-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.781) 0%, rgba(0, 0, 0, 0.774) 100%);
    pointer-events: none;
}
  

@media (min-width: 992px){
    .banner-top-space-margin {
        margin-top: 150px;
    }   
}