/*
Theme Name: Erkani Theme
Description: A professional legal firm landing page WordPress theme. Perfect for law firms, attorneys, and legal services.
Author: Endi
Version: 1.0
License: GPL v2 or later
Text Domain: erkani-theme
*/

/* Import the original styles */
@import url('assets/css/external.css');
@import url('assets/css/bootstrap.min.css');
@import url('assets/css/style.css');

/* WordPress specific styles */
.alignleft {
    float: left;
    margin-right: 1em;
}

.alignright {
    float: right;
    margin-left: 1em;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 0.9em;
    color: #666;
    text-align: center;
    margin-top: 0.5em;
}

.gallery-caption {
    font-size: 0.9em;
    color: #666;
    text-align: center;
    margin-top: 0.5em;
}

.bypostauthor {
    font-weight: bold;
}

/* WordPress admin bar compatibility */
body.admin-bar .navbar-fixed-top {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .navbar-fixed-top {
        top: 46px;
    }
}

/* Contact form styling */
.wpcf7-form {
    margin: 0;
}

.wpcf7-form-control-wrap {
    margin-bottom: 15px;
}

.wpcf7-not-valid {
    border-color: #dc3545 !important;
}

.wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 5px;
}

.wpcf7-response-output {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
}

.wpcf7-mail-sent-ok {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.wpcf7-validation-errors {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Blog post styling */
.entry-content {
    margin-bottom: 30px;
}

.entry-meta {
    color: #666;
    font-size: 0.9em;
    margin-bottom: 15px;
}

.entry-title {
    margin-bottom: 15px;
}

/* Widget styling */
.widget {
    margin-bottom: 30px;
}

.widget-title {
    font-size: 1.2em;
    margin-bottom: 15px;
    color: #333;
}

/* Comments styling */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 4px;
}

.comment-author {
    font-weight: bold;
    margin-bottom: 5px;
}

.comment-meta {
    font-size: 0.8em;
    color: #666;
    margin-bottom: 10px;
}

.comment-content {
    margin-bottom: 10px;
}

.reply {
    margin-top: 10px;
}

/* Search form styling */
.search-form {
    position: relative;
}

.search-form .search-field {
    width: 100%;
    padding: 10px 40px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-form .search-submit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar-nav li {
        display: block;
        margin: 5px 0;
    }

    .slide--headline {
        font-size: 2em;
    }

    .slide--bio {
        font-size: 1.1em;
    }
}