/**
 * Otomini — Premium / luxury görsel katmanı (modern-theme.css üzerine)
 * Tipografi: Plus Jakarta Sans + Cormorant Garamond (slogan)
 */
:root {
    --mx-bg: #e9ecf3;
    --mx-surface: #ffffff;
    --mx-surface-soft: #f6f7fb;
    --mx-primary: #0a1628;
    --mx-primary-strong: #050b14;
    --mx-accent: #b8922e;
    --mx-accent-soft: #d4b85a;
    --mx-accent-strong: #927622;
    --mx-text: #0a1628;
    --mx-muted: #5c6472;
    --mx-border: rgba(10, 22, 40, 0.09);
    --mx-shadow-sm: 0 1px 2px rgba(10, 22, 40, 0.04), 0 12px 40px rgba(10, 22, 40, 0.07);
    --mx-shadow-md: 0 4px 12px rgba(10, 22, 40, 0.05), 0 28px 64px rgba(10, 22, 40, 0.11);
    --mx-radius-sm: 12px;
    --mx-radius-md: 18px;
    --mx-radius-lg: 26px;
    --otomini-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --otomini-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--otomini-font-sans) !important;
    background:
        radial-gradient(ellipse 100% 70% at 50% -20%, rgba(184, 146, 46, 0.07) 0%, transparent 52%),
        radial-gradient(ellipse 80% 50% at 100% 5%, rgba(10, 22, 40, 0.04) 0%, transparent 45%),
        linear-gradient(178deg, #f1f2f7 0%, #e6e9f0 50%, #ebeef4 100%) !important;
    color: var(--mx-text);
    letter-spacing: -0.012em;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.otominiFeaturedTitle {
    font-family: var(--otomini-font-sans);
    font-weight: 700;
    letter-spacing: -0.035em;
    color: var(--mx-primary);
}

/* ——— Üst menü ——— */
.otomini-nav.navbar {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(18px) saturate(165%);
    -webkit-backdrop-filter: blur(18px) saturate(165%);
    border-bottom: 1px solid rgba(10, 22, 40, 0.06) !important;
    box-shadow:
        0 1px 0 rgba(184, 146, 46, 0.18),
        0 10px 40px rgba(10, 22, 40, 0.06) !important;
}

.otomini-brand-tagline {
    font-family: var(--otomini-font-display);
    font-size: clamp(0.8rem, 1.05vw, 0.95rem) !important;
    font-weight: 600;
    font-style: italic;
    color: #5a6270 !important;
    letter-spacing: 0.03em;
    line-height: 1.3;
    max-width: 15rem;
    border-left: 2px solid rgba(184, 146, 46, 0.35);
    padding-left: 0.65rem !important;
    margin-left: 0.35rem !important;
}

.otomini-nav .nav-link {
    font-weight: 600;
    letter-spacing: -0.015em;
    border-radius: 12px;
}

.otomini-nav .nav-link:hover {
    background: rgba(10, 22, 40, 0.04) !important;
}

.otomini-nav .page-share-btn,
.otomini-nav .galeride-paylas-btn,
.otomini-nav .iletisim-btn {
    border: 1px solid rgba(10, 22, 40, 0.08) !important;
    background: linear-gradient(180deg, #fff 0%, #f7f8fb 100%) !important;
    color: var(--mx-primary) !important;
    box-shadow: 0 2px 10px rgba(10, 22, 40, 0.06) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.otomini-nav .page-share-btn:hover,
.otomini-nav .galeride-paylas-btn:hover,
.otomini-nav .iletisim-btn:hover {
    border-color: rgba(184, 146, 46, 0.4) !important;
    box-shadow: 0 10px 28px rgba(10, 22, 40, 0.1) !important;
    transform: translateY(-2px);
}

/* ——— Hero + form paneli ——— */
#otominiSlider {
    background: linear-gradient(148deg, #e4e8f1 0%, #d8dee9 42%, #e2e7f0 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow:
        var(--mx-shadow-md),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    border-radius: var(--mx-radius-lg) !important;
}

#otominiSlider .overlay-box {
    background: rgba(255, 255, 255, 0.76) !important;
    backdrop-filter: blur(22px) saturate(185%);
    -webkit-backdrop-filter: blur(22px) saturate(185%);
    border: 1px solid rgba(255, 255, 255, 0.98) !important;
    border-radius: var(--mx-radius-md) !important;
    box-shadow:
        0 8px 32px rgba(10, 22, 40, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

#otominiSlider .carousel-inner {
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.5) 0%, rgba(228, 232, 241, 0.95) 100%) !important;
}

#otominiSlider .carousel-item img {
    border-radius: var(--mx-radius-md) !important;
    box-shadow:
        0 24px 56px rgba(10, 22, 40, 0.14),
        0 6px 16px rgba(10, 22, 40, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.65);
}

#otominiSlider .carousel-control-prev-icon,
#otominiSlider .carousel-control-next-icon {
    background-color: rgba(10, 22, 40, 0.38) !important;
    backdrop-filter: blur(6px);
}

#otominiSlider .otomini-overlay-tabs {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    border-bottom: 1px solid rgba(10, 22, 40, 0.05) !important;
    padding: 0.4rem 0.45rem !important;
}

#otominiSlider .otomini-overlay-tabs .nav-link {
    border-radius: 14px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

#otominiSlider .otomini-overlay-tabs .nav-link:hover {
    background: rgba(255, 255, 255, 0.85) !important;
    transform: translateY(-2px);
}

#otominiSlider .otomini-overlay-tabs .nav-link.active {
    background: linear-gradient(180deg, #fff 0%, #faf8f4 100%) !important;
    border-color: rgba(184, 146, 46, 0.42) !important;
    box-shadow:
        0 6px 22px rgba(10, 22, 40, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
    color: var(--mx-primary) !important;
}

#otominiSlider .otomini-tab-content {
    padding: 1.1rem 0.65rem 1rem !important;
}

/* ——— Butonlar ——— */
.btn-primary,
.bg-primary,
#msform .action-button,
#msFormMotor .action-button {
    background: linear-gradient(135deg, #0a1628 0%, #1a3352 52%, #0f2138 100%) !important;
    box-shadow: 0 4px 16px rgba(10, 22, 40, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.btn-primary:hover,
#msform .action-button:hover,
#msFormMotor .action-button:hover {
    background: linear-gradient(135deg, #152a45 0%, #0a1628 100%) !important;
    box-shadow: 0 10px 32px rgba(10, 22, 40, 0.35);
}

.btn-warning,
.bg-warning {
    background: linear-gradient(135deg, #cfa836 0%, #b8922e 48%, #9e7d24 100%) !important;
    box-shadow: 0 4px 14px rgba(158, 125, 36, 0.28);
}

.btn-success,
.bg-success {
    background: linear-gradient(135deg, #0d6b5c 0%, #0a5549 100%) !important;
}

#msform .action-button-previous,
#msFormMotor .action-button-previous {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--mx-border) !important;
}

/* ——— Kartlar: hizmetler + öne çıkan ——— */
.ssss-card {
    background: linear-gradient(168deg, #ffffff 0%, #f9fafc 100%) !important;
    border: 1px solid rgba(10, 22, 40, 0.07) !important;
    border-radius: var(--mx-radius-md) !important;
    box-shadow: var(--mx-shadow-sm) !important;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.25s ease;
}

.ssss-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--mx-shadow-md) !important;
    border-color: rgba(184, 146, 46, 0.28) !important;
}

.ssss-card h3 {
    font-weight: 800 !important;
    letter-spacing: -0.03em;
}

#otominiFeaturedSection {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(246, 247, 251, 0.98) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    border-radius: var(--mx-radius-lg) !important;
    box-shadow: var(--mx-shadow-md) !important;
}

.otomini-featured-card {
    border-radius: var(--mx-radius-md) !important;
    border: 1px solid rgba(10, 22, 40, 0.07) !important;
    box-shadow: 0 10px 32px rgba(10, 22, 40, 0.08) !important;
    transition: transform 0.32s ease, box-shadow 0.32s ease;
    overflow: hidden;
}

.otomini-featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 48px rgba(10, 22, 40, 0.13) !important;
}

/* ——— İçerik kutuları ——— */
.otomini-main-shell .container-xxl.py-5,
.otomini-main-shell .container.my-5,
.otomini-main-shell .container.my-4,
.otomini-main-shell .container.mt-5,
.otomini-main-shell .container.mt-4 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 249, 252, 0.96) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    border-radius: var(--mx-radius-lg) !important;
    box-shadow: var(--mx-shadow-sm) !important;
}

.otomini-main-shell .card {
    border: 1px solid rgba(10, 22, 40, 0.06) !important;
    border-radius: var(--mx-radius-md) !important;
    box-shadow: 0 8px 28px rgba(10, 22, 40, 0.06) !important;
}

/* ——— Alt bilgi: tek renk yüzey (footer + copyright bitişik) ——— */
.footer.bg-light,
.footer.otomini-bg-soft {
    background-color: var(--mx-bg, #f4f7fb) !important;
    background-image: none !important;
    border-top: 1px solid rgba(10, 22, 40, 0.06) !important;
    box-shadow: none !important;
}

.footer .otomini-link-phone,
.footer .otomini-link-whatsapp,
.footer .otomini-link-mail {
    font-weight: 600;
}

.copyright,
.otomini-copyright-wrap {
    background-color: var(--mx-bg, #f4f7fb) !important;
    background-image: none !important;
    color: var(--mx-text, #0f172a) !important;
    border-top: none !important;
    box-shadow: none !important;
    padding-top: 1.35rem !important;
    padding-bottom: 1.35rem !important;
}

.copyright p,
.otomini-copyright-wrap p {
    color: var(--mx-muted, #566174) !important;
}

.copyright a:not(.otomini-link-designed),
.otomini-copyright-wrap a:not(.otomini-link-designed),
.otomini-copyright-wrap .nav-link:not(.otomini-link-designed) {
    color: var(--mx-primary, #0b2545) !important;
}

.copyright a:not(.otomini-link-designed):hover,
.otomini-copyright-wrap a:not(.otomini-link-designed):hover {
    color: var(--mx-accent-strong, #b8870f) !important;
}

/* SoftenWise rozeti — renkler otomini-premium.css’te */

/* ——— Form odak ——— */
.form-control:focus,
.form-select:focus,
textarea:focus {
    border-color: rgba(184, 146, 46, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(184, 146, 46, 0.12) !important;
}

/* ——— Ayırıcı çizgiler ——— */
.otominiTopLine {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(184, 146, 46, 0.4), transparent) !important;
}

.otominiBottomLine {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(184, 146, 46, 0.28), transparent) !important;
}

/* ——— Modal ——— */
#aracPaylasModal .modal-content {
    border-radius: var(--mx-radius-lg) !important;
    border: 1px solid rgba(10, 22, 40, 0.06) !important;
    box-shadow: var(--mx-shadow-md) !important;
    overflow: hidden;
}

#aracPaylasModal .modal-header {
    border-bottom: 1px solid rgba(10, 22, 40, 0.06) !important;
    background: linear-gradient(180deg, #fff 0%, #f8f9fc 100%) !important;
}

/* ——— Galeri / liste kartları ——— */
.otomini-tumarac-img {
    border-radius: 14px 14px 0 0 !important;
    transition: transform 0.35s ease;
}

.card:hover .otomini-tumarac-img {
    transform: scale(1.03);
}

.otomini-galeri-main-image {
    border-radius: var(--mx-radius-md) !important;
}