/* Custom Styles for Stone House Otel Yeni Foça */

:root {
  /* Color Palette: stone, beige, off-white, warm earth tones, soft blue/sea breeze */
  --theme: #8b7d6b; /* Warm Stone / Earth tone */
  --header: #363b40; /* Dark Stone grey */
  --text: #5c5752; /* Dark taupe text */
  --text-2: #7ca3b5; /* Soft Blue / Sea Breeze */
  --bg: #faf9f6; /* Off-white */
  --bg-2: #f5f2eb; /* Light Beige */
  --bg-3: #eae4d8; /* Stone Beige */
  
  --body: var(--bg);
}

body {
    background-color: var(--body);
}

/* Special Highlighting for important CTAs */
.header-right .header-button .theme-btn {
    background-color: var(--text-2);
    color: #fff;
}
.header-right .header-button .theme-btn::before {
    background-color: var(--theme);
}

/* Section BG Overrides */
.section-bg {
    background-color: var(--bg-2) !important;
}

.service-offer-section {
    background-color: var(--bg);
}

/* Enhancing Typography for better readability */
p {
    line-height: 1.8;
}

/* Footer Styling */
#iletisim {
    background-color: var(--header);
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
}

/* Add Whatsapp/Phone Floating CTA (Optional but requested) */
.whatsapp-cta {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 999;
    transition: transform 0.3s ease;
}

.whatsapp-cta:hover {
    transform: scale(1.1);
    color: #fff;
}

.phone-cta {
    position: fixed;
    bottom: 100px;
    right: 30px;
    background-color: var(--theme);
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 999;
    transition: transform 0.3s ease;
}

.phone-cta:hover {
    transform: scale(1.1);
    color: #fff;
}
