/* ==========================================================================
   Advikey Legacy Page Overrides
   Applied only to the older (pre-ServisCore) template pages, in addition to
   css/theme.css. These pages each still carry their own small inline
   <style> blocks further down in the document (e.g. the AdviBOT chat
   widget), which would otherwise win the CSS cascade and reintroduce the
   old color scheme. The rules below use !important solely to guarantee the
   shared design system (colors, fonts, chat widget look) wins consistently
   on every page, without having to touch each page's own markup/JS.
   ========================================================================== */

/* Force the shared brand font everywhere text doesn't already inherit it */
body, p, li, td, th, label, .heading-section, .heading-section h2, .heading-section .subheading {
    font-family: 'Montserrat', sans-serif;
}

/* === AdviBOT chat widget: override each page's own inline duplicate CSS === */
#chat-toggle {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    left: auto !important;
    top: auto !important;
    background-color: var(--accent-orange) !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 25px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    box-shadow: 0 6px 20px rgba(255, 119, 0, 0.4) !important;
    transition: transform 0.3s, background-color 0.3s !important;
    width: auto !important;
    height: auto !important;
}
#chat-toggle:hover {
    transform: scale(1.05);
    background-color: #e66b00 !important;
}
#chatbox {
    position: fixed !important;
    bottom: 100px !important;
    right: 30px !important;
    left: auto !important;
    top: auto !important;
    width: 380px !important;
    height: 520px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 999 !important;
    display: none;
    flex-direction: column !important;
}
#chatbox.active { display: flex !important; }
#chat-header {
    background: var(--primary-navy) !important;
    color: #fff !important;
    padding: 20px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}
#chat-content {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 20px !important;
    background: #f4f6f9 !important;
}
.message {
    margin-bottom: 20px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: #fff !important;
    color: var(--text-dark) !important;
    padding: 15px !important;
    border-radius: 0 15px 15px 15px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    border-left: 4px solid var(--primary-blue) !important;
    line-height: 1.5 !important;
}
.answer-btn {
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    margin-bottom: 10px !important;
    background-color: #fff !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
    transition: all 0.3s ease !important;
    color: var(--primary-navy) !important;
}
.answer-btn:hover {
    background-color: var(--primary-blue) !important;
    color: #fff !important;
    border-color: var(--primary-blue) !important;
}
#back-btn {
    display: block;
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 10px;
    background-color: var(--primary-navy) !important;
    color: #fff !important;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    transition: all 0.3s ease;
}
#back-btn:hover { background-color: var(--accent-orange) !important; }

/* === Legacy "ftco" template accents now follow the shared palette (colors
   already remapped at the source in css/style.css: #323edd/#007bff -> blue,
   #ffa41b -> orange, #05091f -> navy). These extra rules only cover spots
   that used inline styles instead of a class. === */
.btn-primary,
a.btn-primary {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}
.btn-primary:hover, .btn-primary:focus,
a.btn-primary:hover, a.btn-primary:focus {
    background-color: var(--accent-orange) !important;
    border-color: var(--accent-orange) !important;
}

/* Footer "quick message" form: each page still carries its own inline
   <style> block hardcoding the old Bootstrap blue for the submit button. */
.contact-form input[type="submit"] {
    background-color: var(--accent-orange) !important;
    color: #fff !important;
}
.contact-form input[type="submit"]:hover {
    background-color: #e66b00 !important;
}

/* A handful of pages also have a hardcoded old-blue "Bize Ulaşın" /
   "Contact Us" link outside the navbar (e.g. index.html footer CTA). */
a[style*="background-color: #007bff"],
a[style*="background-color:#007bff"] {
    background-color: var(--primary-blue) !important;
}

/* Mobile: the fixed TR/ENG language switcher sits on top of the navbar's
   hamburger toggle at narrow widths, making it unclickable. Push it below
   the navbar row instead of overlapping it. */
@media (max-width: 991px) {
    #lang-switcher {
        top: 90px !important;
    }
}