/* MORNET V2 - CONTACT PAGE */
#mornet-contact { display: block; width: 100%; }
#mornet-contact * { box-sizing: border-box; }
.contact-container { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }

/* UTILS */
.bg-white { background: #FFFFFF; }
.bg-offwhite { background: #F8F9FA; }
.bg-black { background: #111111; color: #FFF; }
.bg-yellow { background: #FFC800; }
.text-yellow { color: #FFC800; }

.contact-h1 { font-size: clamp(48px, 4vw, 64px); line-height: .98; letter-spacing: -.045em; font-weight: 800; color: #111; margin: 0 0 24px; }
.contact-h2 { font-size: clamp(34px, 3.5vw, 44px); line-height: 1.05; letter-spacing: -.03em; font-weight: 800; color: #111; margin: 0 0 24px; }
.contact-h3 { font-size: clamp(21px, 2.5vw, 24px); font-weight: 700; color: #111; margin: 0 0 16px; letter-spacing: -.02em; }
.contact-body { font-size: 18px; line-height: 1.6; color: #555; margin: 0; }
.contact-label { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #888; display: block; margin-bottom: 16px; }

/* HERO */
#mornet-contact .section-hero { padding: 76px 0 64px; }
.hero-layout { display: grid; grid-template-columns: 58% 42%; gap: 80px; align-items: center; }
.hero-left { max-width: 620px; }
.hero-right { display: flex; flex-direction: column; justify-content: center; }

.fast-contact-list { list-style: none; padding: 0; margin: 0; }
.fast-contact-item { border-bottom: 1px solid rgba(17,17,17,0.08); padding: 24px 0; display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: #111; transition: color 0.2s; }
.fast-contact-item:last-child { border-bottom: none; padding-bottom: 0; }
.fast-contact-item:hover { color: #FFC800; }
.fast-title { font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.fast-arrow { font-size: 18px; }

/* FORM & WA SECTION */
#mornet-contact .section-form { padding: 64px 0; }
.form-layout { display: grid; grid-template-columns: 60% 40%; gap: 80px; align-items: flex-start; }

.form-error-global {
    background: #FFECEC;
    color: #D8000C;
    border-left: 4px solid #D8000C;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 15px;
    font-weight: 600;
}
.field-error {
    color: #D8000C;
    font-size: 13px;
    margin-top: 6px;
    font-weight: 600;
}
.form-success-msg {
    background: #F4FBF7;
    border-left: 4px solid #27ae60;
    padding: 24px;
    margin-top: 24px;
}

.editorial-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; margin-top: 32px; }
.form-group { display: flex; flex-direction: column; }
.form-group.full { grid-column: 1 / -1; }

.ed-input, .ed-select, .ed-textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #D4D4D4;
    border-radius: 0;
    padding: 14px 0;
    font-size: 16px;
    color: #111;
    font-family: inherit;
    transition: border-color 0.3s ease;
}
.ed-input:focus, .ed-select:focus, .ed-textarea:focus {
    outline: none;
    border-color: #FFC800;
    box-shadow: none;
}
.ed-textarea { resize: vertical; min-height: 120px; }

.btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    height: 48px;
    padding: 0 32px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: opacity 0.2s;
    margin-top: 16px;
}
.btn-submit:hover { opacity: 0.9; }

/* WA PANEL */
.wa-panel-wrapper {
    position: sticky;
    top: 40px;
}
.wa-panel {
    background: #F8F9FA;
    padding: 48px;
    border-radius: 8px;
}
.btn-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    height: 48px;
    padding: 0 32px;
    border-radius: 6px;
    text-decoration: none;
    transition: opacity 0.2s;
    margin-top: 24px;
}
.btn-wa:hover { opacity: 0.9; background: #FFC800; color: #111; }

/* CONTACT DETAILS REVISED */
#mornet-contact .section-details { padding: 48px 0 40px; }
.details-layout { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 24px; 
    margin-bottom: 32px; 
}
.detail-item { font-size: 18px; font-weight: 700; color: #111; }
.detail-item a { color: #111; text-decoration: none; transition: color 0.2s; }
.detail-item a:hover { color: #FFC800; }

/* MAP FULL WIDTH */
.map-wrapper-full {
    position: relative;
    width: 100%;
    height: 440px;
    border-radius: 14px;
    overflow: hidden;
    background: #EAEAEA;
    margin-top: 16px;
}
.map-wrapper-full iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.map-overlay-btn {
    position: absolute;
    bottom: 24px;
    right: 24px;
    background: #111;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding: 0 24px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    text-decoration: none;
    transition: opacity 0.2s, background 0.2s, transform 0.2s;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    z-index: 10;
}
.map-overlay-btn:hover {
    background: #FFC800;
    color: #111;
    transform: translateY(-2px);
}

/* KAHVE İÇELİM */
#mornet-contact .section-coffee { padding: 48px 0; text-align: center; }
.section-coffee .contact-h2, .section-coffee .contact-body { color: #FFF; }
.btn-coffee { display: inline-flex; align-items: center; justify-content: center; background: #FFC800; color: #111; font-size: 15px; font-weight: 600; height: 48px; padding: 0 32px; border-radius: 6px; text-decoration: none; margin-top: 24px; transition: opacity 0.2s; }
.btn-coffee:hover { opacity: 0.9; }

/* FAQ */
#mornet-contact .section-faq { padding: 48px 0; }
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid #EAEAEA; padding: 24px 0; }
.faq-item:first-child { border-top: 1px solid #EAEAEA; }
.faq-q { font-size: 18px; font-weight: 700; color: #111; margin-bottom: 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-icon { font-size: 24px; font-weight: 400; color: #999; }
.faq-a { font-size: 16px; line-height: 1.6; color: #555; display: none; margin-top: 16px; padding-right: 40px; }
.faq-item.active .faq-a { display: block; }
.faq-item.active .faq-icon { color: #111; }

/* CTA */
#mornet-contact .section-cta { padding: 56px 0 48px; text-align: center; }
#mornet-contact .section-cta .btn-submit { margin-top: 0; }

/* RESPONSIVE */
@media (max-width: 900px) {
    .hero-layout { grid-template-columns: 1fr; gap: 48px; }
    .form-layout { grid-template-columns: 1fr; gap: 48px; }
    .wa-panel-wrapper { position: static; }
    .details-layout { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 600px) {
    .editorial-form { grid-template-columns: 1fr; gap: 24px; }
    .details-layout { grid-template-columns: 1fr; }
    .map-wrapper-full { height: 380px; }
    .map-overlay-btn { bottom: 16px; right: 16px; }
}
@media (max-width: 430px) {
    .contact-container { width: calc(100% - 36px); padding: 0 18px; }
    .contact-h1 { font-size: clamp(40px, 10vw, 44px); }
    .contact-h2 { font-size: clamp(31px, 8vw, 34px); }
    .btn-submit, .btn-wa, .btn-coffee { width: 100%; }
    .wa-panel { padding: 32px 24px; }
}