@import url("https://fonts.googleapis.com/css?family=Noto+Sans&display=swap");

/* <editor-fold defaultstate="collapsed" desc="Root & Base"> */
:root { --main-bg:#0d2b23; --brand-accent:#e2cb8e; --section-white:#fff; --section-dark:#0d2b23; }
html { scroll-behavior:smooth; }
body { background:var(--main-bg); color:var(--section-dark); font-family:"Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Navbar"> */
.navbar { background:transparent!important; transition:background .3s; }
.navbar.sticky { background:var(--main-bg)!important; box-shadow:0 4px 24px rgba(0,0,0,.07); }
.navbar .nav-link,.navbar-brand { color:var(--brand-accent)!important; font-weight:500; letter-spacing:.04em; }
.navbar .nav-link.active,.navbar .nav-link:focus,.navbar .nav-link:hover { color:#fffbb2!important; }

/* Mobile menu readability: give navbar a solid bg when expanded */
.navbar:has(.navbar-collapse.show) { background:rgba(13,43,35,.96)!important; }
.navbar:has(.navbar-collapse.show) .navbar-nav { padding:1rem 0; }
.navbar:has(.navbar-collapse.show) .nav-link { color:#fffbb2!important; }
.navbar:has(.navbar-collapse.show) { box-shadow:0 10px 30px rgba(0,0,0,.25); backdrop-filter:blur(10px); }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Hero Section"> */
.hero-section { position:relative; min-height:65vh; display:flex; align-items:center; color:var(--brand-accent); overflow:hidden; padding:6rem 0; }
.hero-badge { display:inline-block; margin-bottom:1.4rem; padding:.45rem .9rem; border-radius:999px; background:rgba(226,203,142,.15); color:#fffbb2; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; border:1px solid rgba(226,203,142,.45); backdrop-filter:blur(2px); }
.hero-section.section-dark { background:linear-gradient(rgba(13,43,35,.65),rgba(13,43,35,.75)),url("/Images/Backgrounds/Corfu.jpg") center/cover no-repeat; }
.hero-section * { position:relative; z-index:2; }
.hero-content { min-height:65vh; }
.hero-text h1 { font-weight:800; font-size: clamp(2.1rem, 3.2vw, 2.8rem);; color:var(--brand-accent); margin-bottom:1.3rem; letter-spacing:.02em; text-shadow:0 2px 6px rgba(0,0,0,.25); }
.hero-text p { color:#fffbb2; font-size:1.05rem; line-height:1.7; margin-bottom:1rem; max-width:95%; opacity:.95; }
.hero-logo { text-align:center; }
.hero-logo img { max-width:320px; width:80%; filter:drop-shadow(0 22px 48px rgba(0,0,0,.45)); }
@media (max-width:991px){ .hero-section { padding:4rem 0; } .hero-content { text-align:center; } .hero-text p { max-width:100%; } .hero-logo { margin-top:2.2rem; } }
@media (max-width:575px){ .hero-text h1 { font-size:2.1rem; } .hero-text p { font-size:1rem; } .hero-logo img { max-width:200px; } }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Section Titles"> */
.section-title { 
  font-size:clamp(2.2rem,3.5vw,3rem); 
  font-weight:600; 
  letter-spacing:.04em; 
  margin:2.6rem 0 1.3rem; 
  padding-bottom:1rem; 
  text-shadow:0 2px 6px rgba(0,0,0,.15); 
}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Section Layout"> */
section.section-dark,section.section-white,.contact-section { padding:2rem 0; }
@media (max-width:767px){ section.section-dark,section.section-white,.contact-section { padding:2.5rem 0; } .hero-section { padding:3.5rem 0; } }
.section-dark { background:var(--section-dark); color:var(--brand-accent); }
.section-white { background:var(--section-white); color:var(--section-dark); }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Gallery"> */
.gallery-section img { border-radius:18px; box-shadow:0 4px 22px #0d2b2350; border:2px solid var(--main-bg); width:100%; background:#15382f; aspect-ratio:4/3; object-fit:cover; margin-bottom:18px; transition:transform .21s; }
.gallery-section img:hover { transform:scale(1.04); box-shadow:0 8px 36px #e2cb8e90; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="About List"> */
.about-list li { color:inherit; font-size:1.1rem; margin-bottom:6px; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Contact Section"> */
.contact-info-row {
    margin-top: 1.2rem;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.contact-info-box {
    background: #15382fea;
    border-radius: 18px;
    padding: 1.4rem 1rem;
    text-align: center;
    box-shadow: 0 16px 46px rgba(0,0,0,.18);
    border: 1px solid rgba(226,203,142,.18);
    color: var(--brand-accent);
}

.contact-info-box i {
    font-size: 1.6rem;
    display: block;
    margin-bottom: .4rem;
}

.contact-info-box span {
    font-size: 1.05rem;
    font-weight: 500;
}

/* Contact form card */
.contact-card {
    background: #15382fea;
    border-radius: 20px;
    padding: 1.8rem 2rem;
    box-shadow: 0 18px 52px rgba(0,0,0,.2);
    border: 1px solid rgba(226,203,142,.18);
}

/* Labels fix */
.contact-section .form-label {
    color: var(--brand-accent);
    font-weight: 500;
}

/* Mobile tweaks */
@media (max-width: 767px) {
    .contact-info-box {
        margin-bottom: 1rem;
    }
    .contact-card {
        padding: 1.4rem 1.3rem;
    }
}
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Footer"> */
.footer { background:var(--main-bg)!important; color:#c3b087!important; padding:1.2rem 0 .5rem; font-size:1rem; }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Responsive Tweaks"> */
@media (max-width:991px){ .hero-section img { max-width:160px; } .gallery-section .col-md-4 { margin-bottom:1rem; } }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc="Find Us on Map"> */
.find-us-section { padding-bottom:0; }
.find-us-map { width:100%; height:480px; margin-top:2.5rem; border-top:2px solid rgba(226,203,142,.2); overflow:hidden; }
.find-us-map iframe { width:100%; height:100%; border:0; display:block; }
@media (max-width:767px){ .find-us-map { height:320px; } }
/* </editor-fold> */