/*
 Theme Name:   Astra Child
 Description:  Dogani Group Construction Company
 Author:       Arber Dogani
 Template:     astra
 Version:      1.0.1
*/
.entry-author, .post-author, .vcard { display: none !important; }
/* Hide the entire comment section on single posts */
.single-post #comments, 
.single-post .comment-respond, 
.single-post .comments-area {
    display: none !important;
}
/* 1. GLOBAL HEADER & WEB VIEW (LOGO OVAL) */
.site-header, .ast-primary-header-bar, .main-header-bar { 
    background-color: #1a1a1a !important; 
    border-bottom: 3px solid #0051a8 !important; 
    padding: 0.5px 0 !important; 
}

/* Big White Site Title */
.site-title a { 
    color: #ffffff !important; 
    font-size: 32px !important; 
    font-weight: 900 !important; 
    text-transform: uppercase; 
    letter-spacing: 3.5px;
}

/* Oval Logo for Web/Desktop */
.site-logo-img img, .custom-logo-link img { 
    border-radius: 60px !important; /* Oval shape */
    border: 1px solid #0051a8 !important; 
    background: #ffffff !important; 
    padding: px; 
    max-height: 75px !important; 
    width: auto !important;
}

/* 2. MOBILE VIEW - SLIMMER BACKGROUND & BIG BRANDING */
@media (max-width: 921px) {
    /* Remove double lines on mobile */
    .ast-header-break-point .main-header-bar,
    .ast-header-break-point .ast-mobile-header-wrap .main-header-menu,
    .ast-header-break-point .ast-mobile-header-wrap .main-header-bar-wrap {
        border-bottom: none !important;
        border-top: none !important;
    }

    /* SLIMMER MOBILE BACKGROUND - Reduced padding & height */
    .ast-primary-header-bar, .main-header-bar {
        padding: 8px 10px !important; /* Shorter top/bottom padding */
        min-height: 80px !important;  /* Slimmer black bar */
    }

    .ast-builder-grid-row { 
        display: flex !important; 
        flex-direction: row !important; 
        justify-content: space-between !important; 
        align-items: center !important; 
    }

    .site-branding { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center !important; 
        gap: 12px !important; 
        margin-right: auto !important;
    }

    /* BIG MOBILE NAME */
    .site-title a { 
        font-size: 21px !important; 
        white-space: nowrap !important; 
        font-weight: 900 !important;
    }

    /* PROPORTIONAL MOBILE LOGO */
    .site-logo-img img { 
        max-height: 55px !important; /* Fits perfectly in the slimmer bar */
        width: auto !important;
        border-radius: 40px !important; /* Modern rounded oval */
    }

    /* BLUE MENU TOGGLE */
    .ast-button-wrap { margin-left: auto !important; padding-right: 5px !important; }
    .menu-toggle { 
        background: #0051a8 !important; 
        color: #ffffff !important; 
        border-radius: 8px !important;
        padding: 8px 10px !important;
    }
}

/* 3. HIDE AUTHOR & COMMENTS */
.comments-area, .post-author, .entry-author { display: none !important; }
@media (max-width: 767px) {

	/* --- Desktop: Posts and Pages --- */
@media (min-width: 922px) {
    .entry-content img {
        display: block !important;
        max-width: 80% !important; /* Larger for Desktop */
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}
/* ============================================================
   WILLEMEN MASTER: ALL FIXES + HOME PAGE SYNC + MOBILE
   ============================================================ */

/* 1. GLOBAL COLORS & FONTS (SYNC HOME & BLOG) */
body, .site, .ast-container, #content, .home, .home .site-content, .entry-content:not(form) {
    background-color: #FFFFFF !important;
    font-family: 'Inter', Arial, sans-serif !important;
    color: #333333 !important;
}

/* 2. HEADINGS: BOLD NAVY BLUE (APPLIED GLOBALLY) */
h1, h2, h3, h4, h5, h6, .entry-title, .entry-title a, .elementor-heading-title {
    color: #003366 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

/* 3. MOBILE TYPOGRAPHY FIX (PROPORTIONAL BIG WORDS) */
@media (max-width: 768px) {
    h1, .entry-title, .elementor-heading-title {
        font-size: clamp(16px, 7vw, 36px) !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
    }
    h2 {
        font-size: clamp(22px, 5vw, 28px) !important;
    }
}

/* 4. FOOTER WIDGETS: NAVY TITLES & PUSH TO THE RIGHT */
.site-footer .widget-title, 
.site-footer .widget-title a,
[class*="ast-footer"] .widget-title {
    color: #003366 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 15px !important;
}
.site-footer .widget, .footer-widget-area {
    padding-left: 30px !important;
}
	
/* 5. RELATED POSTS: BOLD BLUE & NO TRANSPARENCY */
.ast-related-post-title, .ast-related-post-title a, .ast-related-posts-title {
    color: #003366 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
}

/* 6. CONTACT FORM PROTECTION */
input, textarea, select, label, .wpforms-field-label, .cf7-form-control {
    color: inherit !important;
    background-color: inherit !important;
    opacity: 1 !important;
    text-transform: none !important;
}

/* 7. BLOCKQUOTES: VISIBILITY FIX */
blockquote, .wp-block-quote {
    border-left: 6px solid #FFCC00 !important;
    background-color: #F4F7F9 !important;
    padding: 25px !important;
}
blockquote p {
    color: #003366 !important;
    font-weight: 700 !important;
}

/* 8. IMAGE SIZING: DESKTOP & MOBILE */
.entry-content img, .home .elementor-image img {
    display: block !important;
    height: auto !important;
    margin: 30px auto !important;
}
@media (min-width: 922px) { .entry-content img { max-width: 85% !important; } }
@media (max-width: 921px) { .entry-content img { max-width: 100% !important; } }

/* 9. NEXT/PREVIOUS POST BUTTONS */
.nav-links .nav-previous a, 
.nav-links .nav-next a,
.post-navigation a {
    color: #003366 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}
.nav-links .nav-previous a:hover, 
.nav-links .nav-next a:hover {
    color: #FFCC00 !important;
}

	/* 1. GLOBAL COLORS & FONTS (FORCING HOME TO MATCH BLOG) */
body, .site, .ast-container, #content, .entry-content:not(form),
.home .elementor-widget-container {
    background-color: #FFFFFF !important;
    font-family: 'Inter', Arial, sans-serif !important;
    color: #333333 !important;
}
	/* ENSURE HEADER AND SITE TITLE SHOWS ON MOBILE */
@media (max-width: 921px) {
    .site-header,
    .ast-primary-header-bar,
    .main-header-bar,
    .site-title,
    .site-logo-img,
    .custom-logo-link {
        display: flex !important;       /* Make sure it's visible */
        visibility: visible !important; /* Force visibility */
        opacity: 1 !important;          /* Make fully opaque */
    }

    /* Fix logo size for mobile */
    .site-logo-img img, 
    .custom-logo-link img {
        max-height: 55px !important; /* Adjust to fit mobile bar */
        width: auto !important;
        border-radius: 40px !important; 
        display: block !important;
    }

    /* Fix site title size */
    .site-title a {
        font-size: 21px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        display: inline-block !important;
    }
}

/* 1. Ndalon lëvizjen majtas-djathtas (Horizontal Scroll) */
html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}

/* 2. Centron Header-in dhe Logo-n në Mobile */
@media (max-width: 921px) {
    /* Centron logon */
    .site-branding, .ast-site-identity {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto !important;
    }

    /* Centron kontejnerin e header-it */
    .ast-mobile-header-stack .main-header-bar-navigation {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Rregullon hapësirën e tepërt që shkakton lëvizjen anash */
    .ast-container, .site-content .ast-container {
        max-width: 100vw !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }

    /* Fix për rreshtat që dalin jashtë (nëse përdor Elementor ose Gutenberg) */
    .entry-content, .entry-content .alignfull {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
}

/* 3. Siguron që asnjë foto ose video nuk del jashtë kornizës */
img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* Rregullim i përgjithshëm për Mobile View */
@media (max-width: 768px) {
    
    /* 1. Rregullon fotot që të mos dalin jashtë kornizës */
    img {
        max-width: 100%;
        height: auto !important;
    }

    /* 2. Fix për Safari (parandalon prerjen e elementeve) */
    .site-content, .entry-content {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* 3. Rregullon hapësirat anësore që postimi të mos ngjitet me cepat e telefonit */
    .ast-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
    }

    /* 4. Fix për Featured Image në Astra që të jetë full width dhe e qartë */
    .post-thumb-img-content img {
        width: 100% !important;
        object-fit: cover;
    }

    /* 5. Ndalon zmadhimin e padëshiruar të tekstit në Safari/iOS */
    html {
        -webkit-text-size-adjust: 100%;
    }
}
/* Titujt elastikë që përshtaten në proporcion me ekranin */
h1, h1.entry-title, .entry-title a, .post-title {
    font-size: clamp(22px, 4vw, 36px) !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    margin-bottom: 0.5em !important;
    display: block;
    word-wrap: break-word;
}

.blog .entry-title a, .archive .entry-title a {
    font-size: clamp(20px, 3.5vw, 30px) !important;
}

/* Vetëm për celularë (nën 921px) */
@media (max-width: 921px) {
    /* E bën të gjithë bllokun e header-it sticky pa ndryshuar asgjë brenda */
    .ast-mobile-header-wrap {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    /* Siguron që Tagline të jetë i dukshëm (visible) dhe të mos fshihet nga Astra */
    .ast-site-identity .site-description {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Ruan proporcionin origjinal të elementëve */
    .site-header {
        background-color: #ffffff; /* Ndryshoje nëse faqja jote nuk është e bardhë */
        display: flex !important;
        flex-direction: column !important; /* Mbaj formatin: Logo sipër, Tagline poshtë */
        align-items: center !important; /* I mban në qendër nëse ashtu i ke */
    }

    /* Shton hapësirë sipër që header-i të mos mbulojë faqen */
    /* Nëse header-i yt me tagline është i lartë, rrite këtë 150px në 170px */
    #content {
        padding-top: 150px !important;
    }
}
/* Optimizim për Mobile (nën 921px) */
@media (max-width: 921px) {

    /* 1. Ngushtojmë Header-in e zi që të jetë proporcional (më pak hapësirë sipër/poshtë) */
    .ast-mobile-header-wrap .site-header {
        padding: 5px 0 !important; /* Ul lartësinë e shiritit të zi */
        min-height: auto !important;
    }

    /* 2. Rregullojmë proporcionin e Logos dhe Tagline */
    .ast-site-identity {
        padding: 5px 15px !important;
        margin: 0 !important;
    }

    /* 3. NGRI FOTON LART: Heqim hapësirën e bardhë boshe */
    /* Ky numër e afron foton me shiritin e zi */
    #content, .single-post .site-content {
        padding-top: 100px !important; /* Provoje 90px nëse e kërkon akoma më ngjit */
        margin-top: 0 !important;
    }

    /* 4. Heqim çdo padding/margin tjetër që e shtyn foton poshtë */
    .ast-article-single, 
    .post-thumb-img-content,
    .entry-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 5. Siguron që butoni i menusë të rrijë në mes të shiritit të zi */
    .ast-mobile-menu-trigger-wrapper {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
  }