/* Custom styles for Lawyer Maayan Dekel Template */

/* Google Maps styling for contact page */
.map-container {
    transition: all 0.3s ease;
    position: relative;
    height: 500px !important;
}

.map-container:hover {
    box-shadow: 0 0 20px rgba(181, 154, 109, 0.4);
}

.map-container iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

@media only screen and (max-width: 991px) {
    .map-container {
        margin-top: 30px;
        height: 400px !important;
    }
}

@media only screen and (max-width: 767px) {
    .map-container {
        height: 350px !important;
    }
}

/* Logo size adjustments */
.lawyer_nav_manu .logo img {
    max-height: 60px;
    width: auto;
    padding: 5px 0;
}

/* Header font size adjustments - optimized for SEO */
.lawyer_menu>ul>li>a {
    font-size: 20px;
    /* Increased font size for better readability and SEO */
    font-weight: 600;
    /* Bold font for better visibility */
    margin: 30px 14px;
    /* Adjusted margins to accommodate larger font */
}

/* Adjust spacing between logo and navigation */
.lawyer_nav_manu .container .row.align-items-center {
    display: flex;
    align-items: center;
}

/* Set logo width and add exact 35px gap */
.lawyer_nav_manu .col-lg-2 {
    flex: 0 0 auto;
    width: auto;
    max-width: fit-content;
    padding-right: 0;
}

/* Menu adjustments to ensure proper alignment */
.lawyer_nav_manu .col-lg-8 {
    flex: 1 1 auto;
    padding-right: 0;
}

/* Create the 35px gap between logo and navigation */
.lawyer_nav_manu .logo {
    margin-left: 0;
}

/* RTL specific adjustments - the 35px gap */
html[dir="rtl"] .lawyer_nav_manu .col-lg-8 {
    padding-right: 35px;
    /* Exactly 35px gap between logo and menu in RTL */
}

/* Media queries for responsive behavior */
@media (max-width: 991px) {
    html[dir="rtl"] .lawyer_nav_manu .col-lg-8 {
        padding-right: 15px;
        /* Reduce gap on smaller screens */
    }
}

/* Submenu font adjustments */
.lawyer_menu ul .sub-menu li a {
    font-size: 18px;
    /* Increased submenu font size */
    font-weight: 500;
}

/* Contact form adjustments */
.contact-form-box textarea {
    height: 150px;
    /* Adjust to make form similar height to map */
}

/* Mobile logo adjustments */
@media only screen and (max-width: 991px) {
    .mobile-menu-area .logo img {
        max-height: 50px;
        width: auto;
        margin: 5px 0;
    }

    /* Mobile menu font size - SEO optimized */
    .mean-container .mean-nav ul li a {
        font-size: 17px;
        /* Slightly smaller than desktop but still readable on mobile */
        font-weight: 500;
        padding: 14px 5%;
        line-height: 1.4;
        /* Improved line height for better readability */
    }

    /* Mobile submenu font size */
    .mean-container .mean-nav ul li li a {
        font-size: 16px;
        padding: 12px 10%;
    }
}

/* Sticky header logo */
.lawyer_nav_manu.sticky .logo img {
    max-height: 60px;
    transition: all 0.3s ease;
}

/* Sticky header font adjustments */
.lawyer_nav_manu.sticky .lawyer_menu>ul>li>a {
    margin: 25px 14px;
    /* Adjusted margins for sticky header */
}

/* SEO-optimized header styles */
.breatcam-title h1 {
    font-size: 42px;
    /* Larger H1 for better SEO */
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

/* RTL specific adjustments */
html[dir="rtl"] .lawyer_menu>ul>li>a {
    letter-spacing: -0.3px;
    /* Better Hebrew letter spacing */
}

html[dir="rtl"] .footer-widget-list li a {
    font-size: 17px;
    /* Better font size for Hebrew in footer */
}

html[dir="rtl"] .lawyer-section-title h1,
html[dir="rtl"] .section-title h1,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] .widget-title,
html[dir="rtl"] .breatcam-title h1 {
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* RTL mobile title styles */
@media only screen and (max-width: 991px) {

    html[dir="rtl"] h1,
    html[dir="rtl"] h2,
    html[dir="rtl"] .lawyer-section-title h1,
    html[dir="rtl"] .section-title h1,
    /* html[dir="rtl"] .breatcam-title h1, */
    html[dir="rtl"] .widget-title {
        font-size: 31px !important;
        line-height: 1.3;
    }
}

html[dir="rtl"] .breatcam-title h1 {
    font-size: 38px !important;
}

/* Enhanced accessibility for mobile */
@media only screen and (max-width: 767px) {

    /* All titles set to 31px for mobile */
    .breatcam-title h1,
    .section-title h1,
    .lawyer-section-title h1,
    h1,
    .blogs-section h2,
    .about-section h2,
    .service-section h2,
    h2,
    .hero-title h1,
    .about-content h2,
    .widget-title,
    .hero3 .hero-title h1,
    .content-title h1,
    .content-title h2,
    .lawyer-section-title h4,
    .service-desc h2,
    .case-study-section h2,
    .contact-section h2,
    .about-section-title h2,
    .footer-section h4,
    .blog-desc h2,
    .blog-title h2,
    .about-extra-single-box .lawyer-section-title h1 {
        font-size: 31px !important;
        line-height: 1.3;
    }

    /* Maintain hierarchy for other headings */
    h3,
    .lawyer-section-title h3 {
        font-size: 28px !important;
        line-height: 1.3;
    }

    h4:not(.widget-title),
    .lawyer-section-title h5 {
        font-size: 24px !important;
        line-height: 1.3;
    }

    /* Improved touch target sizes for mobile */
    .lawyer_menu>ul>li>a,
    .mean-container .mean-nav ul li a {
        padding: 12px 5%;
        /* Larger touch targets */
    }

    /* Better spacing for mobile RTL content */
    html[dir="rtl"] .col-md-12 {
        padding-right: 25px;
        padding-left: 25px;
    }

    /* Improve mobile form readability */
    input,
    textarea {
        font-size: 16px !important;
        /* Prevents iOS zoom on focus */
    }

    /* Mobile navigation improvements */
    .mobile-menu-area .mobile-menu {
        font-size: 18px;
        font-weight: 500;
    }

    /* Better mobile content readability for Hebrew and increased paragraph font size */
    html[dir="rtl"] p {
        line-height: 1.6;
    }

    /* Increased paragraph font size for all paragraphs on mobile */
    p,
    .lawyer-section-title p,
    .about-items-content p,
    .service-desc p,
    .accordion li p,
    .contact-text p,
    .counter-text p,
    .study-text p,
    .footer-contact-desc p {
        font-size: 21px !important;
        line-height: 1.6;
    }
}

/* Tablet-specific styles */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Paragraph font size for tablets */
    p,
    .lawyer-section-title p,
    .about-items-content p,
    .service-desc p,
    .accordion li p,
    .contact-text p,
    .counter-text p,
    .study-text p,
    .footer-contact-desc p {
        font-size: 21px !important;
        line-height: 1.6;
    }

    /* Title font sizes for tablets */
    .breatcam-title h1,
    .section-title h1,
    .lawyer-section-title h1,
    h1,
    .blogs-section h2,
    .about-section h2,
    .service-section h2,
    h2,
    .hero-title h1,
    .about-content h2,
    .widget-title,
    .hero3 .hero-title h1,
    .content-title h1,
    .content-title h2,
    .lawyer-section-title h4,
    .service-desc h2,
    .case-study-section h2,
    .contact-section h2 {
        font-size: 31px !important;
        line-height: 1.3;
    }
}

/* Print media optimizations for SEO */
@media print {

    .lawyer_nav_manu,
    .mobile-menu-area,
    .scroll-area,
    .footer-section {
        display: none !important;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    .breatcam-title h1 {
        font-size: 24pt;
        margin-bottom: 10px;
    }

    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 10pt;
    }
}

/* Structured data rich snippets enhancement */
.rich-snippet-hidden {
    display: none;
}

/* Global paragraph and heading font size enforcement for mobile and tablet */
@media only screen and (max-width: 991px) {

    /* Paragraph font size */
    body p,
    .container p,
    .row p,
    div p,
    section p,
    .lawyer-section-title p,
    .about-section p,
    .service-section p,
    .footer-section p,
    .blog-section p {
        font-size: 21px !important;
    }

    /* Universal title selector to catch all headings */
    .container h1,
    .container h2,
    section h1,
    section h2,
    .footer-section h1,
    .footer-section h2,
    .header h1,
    .header h2,
    .lawyer_nav_manu h1,
    .lawyer_nav_manu h2,
    /* div[class*="title"] h1, */
    div[class*="title"] h2,
    /* div[class*="section"] h1, */
    div[class*="section"] h2,
    .case-study-section h1,
    .case-study-section h2,
    .about-section h1,
    .about-section h2,
    .service-section h1,
    .service-section h2,
    .blog-section h1,
    .blog-section h2,
    .footer-section h4 {
        font-size: 31px !important;
        line-height: 1.3;
    }
}

div[class*="title"] h1,
div[class*="section"] h1 {
    font-size: 38px !important;
}

/* Responsive images for better mobile experience */
.about-thumb img,
.about-thumb3 img,

.lawyer-blog-thumb img,
.about-thumb2 img {
    max-width: 100%;
    height: auto;
}

.breatcam-section {
    height: 300px;
}

/* Custom font size for MAYAN DEKEL LAW OFFICE text in footer */
h4[style*="color:#eecd95"] {
    font-size: 22px !important;
}

/* Better mobile image sizing and loading */
img {
    max-width: 100%;
    height: auto;
}

/* Add subtle loading effects for images */
img:not([src]) {
    visibility: hidden;
}

/* Responsive video embeds */
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}