/* Custom CSS for HC Hukuk Theme */

/* Tailwind Utility Classes */
.bg-primary {
    background-color: #1a365d !important;
}

.text-primary {
    color: #1a365d !important;
}

.border-primary {
    border-color: #1a365d !important;
}

.hover\:bg-primary:hover {
    background-color: #1a365d !important;
}

.hover\:text-primary:hover {
    color: #1a365d !important;
}

/* Hero Section */
.hero-section {
    background-image: linear-gradient(to right, rgba(26, 54, 93, 0.9) 30%, rgba(26, 54, 93, 0.7) 50%, rgba(26, 54, 93, 0.5) 70%, rgba(26, 54, 93, 0.3) 85%, rgba(26, 54, 93, 0.1) 100%), url('https://readdy.ai/api/search-image?query=professional%20law%20office%20interior%20with%20elegant%20wooden%20desk%2C%20bookshelves%20filled%20with%20law%20books%2C%20large%20windows%20with%20natural%20light%2C%20sophisticated%20and%20traditional%20atmosphere%2C%20no%20people%2C%20clean%20and%20organized%2C%20high-end%20office%20furniture&width=1920&height=800&seq=1&orientation=landscape');
    background-size: cover;
    background-position: center;
}

/* Card Hover Effects */
.expertise-card:hover,
.blog-card:hover,
.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Form Elements */
.custom-input {
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.custom-input:focus {
    border-color: #1a365d;
    box-shadow: 0 0 0 3px rgba(26, 54, 93, 0.1);
    outline: none;
}

/* Buttons */
.custom-button {
    transition: all 0.3s ease;
}

.custom-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Rounded Button */
.rounded-button {
    border-radius: 8px !important;
}

/* Font Families */
body {
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

/* Fix for Remix Icons */
[class^="ri-"]::before, 
[class*=" ri-"]::before {
    display: inline-block;
    font-family: 'remixicon' !important;
}

/* Mobile Menu */
#mobile-menu {
    transition: all 0.3s ease;
}

/* Footer Styles */
.footer-link {
    transition: all 0.3s ease;
}

.footer-link:hover {
    color: #fff !important;
}

/* WordPress Admin Bar Fix */
.admin-bar .sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .sticky {
        top: 46px;
    }
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Print Styles */
@media print {
    header, footer, .sidebar, .comments-area, .navigation {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
    
    .container {
        width: 100%;
        max-width: 100%;
    }
}