/*
Theme Name: Deva Sigorta - Ultimate Professional v8.0
Description: High-fidelity insurance portal inspired by industry giants.
*/

:root {
    --primary: #0076D6;           /* Professional Blue */
    --accent: #10B981;            /* Success Green */
    --text-dark: #1F2937;
    --text-light: #6B7280;
    --bg-main: #FFFFFF;
    --bg-soft: #F9FAFB;
    --border: #E5E7EB;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* --- Reset & Layout --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: var(--text-dark); line-height: 1.5; background: var(--bg-main); -webkit-font-smoothing: antialiased; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* --- Professional Header --- */
.site-header { background: #fff; height: 72px; display: flex; align-items: center; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 1000; }
.header-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.logo { font-size: 1.5rem; font-weight: 800; color: var(--primary); text-decoration: none; display: flex; align-items: center; gap: 8px; }
.logo span { color: #111; }

.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { text-decoration: none; color: var(--text-dark); font-weight: 600; font-size: 0.95rem; }

/* --- Split Hero (The Professional Standard) --- */
.hero-section { background: #F3F8FF; padding: 80px 0; border-bottom: 1px solid var(--border); }
.hero-split { display: grid; grid-template-columns: 1fr 440px; gap: 60px; align-items: center; }
.hero-text h1 { font-size: 3.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; color: #111; }
.hero-text p { font-size: 1.25rem; color: var(--text-light); margin-bottom: 40px; }

/* --- Fast Query Form (Hero Sidebar) --- */
.hero-form-box { background: #fff; padding: 40px; border-radius: 16px; box-shadow: var(--shadow-lg); border: 1px solid var(--border); }
.form-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; }

/* --- Circular Product Menu --- */
.product-menu { padding: 60px 0; background: #fff; }
.product-menu-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 20px; }
.menu-item { text-align: center; cursor: pointer; transition: 0.3s; text-decoration: none; }
.menu-item:hover .icon-circle { transform: translateY(-5px); border-color: var(--primary); background: #F3F8FF; }
.icon-circle { 
    width: 72px; height: 72px; border: 2px solid #E5E7EB; border-radius: 50%; display: flex; 
    align-items: center; justify-content: center; margin: 0 auto 12px; font-size: 1.5rem; 
    color: var(--primary); transition: 0.3s; background: #fff;
}
.menu-item span { font-size: 0.85rem; font-weight: 700; color: var(--text-dark); }

/* --- Trust / Partner Grid --- */
.partner-section { padding: 80px 0; background: var(--bg-soft); border-top: 1px solid var(--border); }
.partner-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; opacity: 0.6; filter: grayscale(100%); transition: 0.3s; }
.partner-grid img { max-width: 100%; height: auto; }

/* --- Footer --- */
.footer-main { background: #111827; color: #fff; padding: 80px 0 40px; }
.footer-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.footer-col h4 { margin-bottom: 24px; font-size: 1.1rem; }
.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 12px; }
.footer-col a { color: #9CA3AF; text-decoration: none; font-size: 0.9rem; }