body, .site, .content-area, .site-container {
    max-width: 100vw !important;
    width: 100vw !important;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.entry-title {
    font-weight: bold;
}

.ad-sidebar {
    position: fixed;
    right: 10px;
    top: 500px;
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.ad-sidebar-left {
    position: fixed;
    left: 10px;
    top: 500px;
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.home .ad-sidebar-left, 
.home .ad-sidebar {
    display: none;
}

@media (max-width: 1024px) {
    .ad-sidebar, .ad-sidebar-left {
        display: none !important;
    }
}

/* GLOBAL RESET — remove all Google default styles */
.gsc-control-cse,
.gsc-control-cse * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* GLASS CONTAINER (desktop/tablet default) */
.gcse-searchbox-only {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    background: rgba(255, 255, 255, 0.28) !important;

    border-radius: 40px !important;
    padding: 6px 14px !important;

    width: 260px !important;
    height: auto !important;

    box-shadow: 0 4px 18px rgba(0,0,0,0.12) !important;

    transition: 0.3s ease !important;
}

/* INPUT FIELD */
.gsc-input input {
    background: rgba(255, 255, 255, 0.35) !important;
    border: none !important;
    outline: none !important;

    border-radius: 30px !important;
    padding: 8px 14px !important;

    font-size: 14px !important;
    color: #ffffff !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    width: 170px !important;
}

.gsc-input input::placeholder {
    color: rgba(255,255,255,0.85) !important;
}

/* Remove watermark padding */
.gsib_a {
    padding: 0 !important;
}

/* GLASS BUTTON */
.gsc-search-button-v2 {
    border: none !important;
    outline: none !important;

    padding: 8px 14px !important;
    margin-left: 8px !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    border-radius: 30px !important;

    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.45),
        rgba(255,255,255,0.25)
    ) !important;

    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;

    color: #ffffff !important;

    box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important;
    transition: 0.25s ease !important;
}

.gsc-search-button-v2:hover {
    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.65),
        rgba(255,255,255,0.30)
    ) !important;

    box-shadow: 0 4px 16px rgba(0,0,0,0.20) !important;
}

/* ALIGN INSIDE MENU */
li.menu-item .gcse-searchbox-only {
    margin-top: 4px !important;
}


/* --------------------------------------- */
/* RESPONSIVE OPTIMIZATION */
/* --------------------------------------- */

/* TABLETS (768px to 1024px) */
@media (max-width: 1024px) {
    .gcse-searchbox-only {
        width: 220px !important;
        padding: 6px 12px !important;
        border-radius: 34px !important;
    }

    .gsc-input input {
        width: 140px !important;
        padding: 7px 12px !important;
    }

    .gsc-search-button-v2 {
        padding: 7px 12px !important;
    }
}

/* LARGE PHONES (600px to 767px) */
@media (max-width: 767px) {
    .gcse-searchbox-only {
        width: 200px !important;
        padding: 6px 10px !important;
        border-radius: 28px !important;
    }

    .gsc-input input {
        width: 120px !important;
        font-size: 13px !important;
        padding: 6px 10px !important;
    }

    .gsc-search-button-v2 {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
}

/* SMALL PHONES (480px to 599px) */
@media (max-width: 599px) {
    .gcse-searchbox-only {
        width: 180px !important;
        padding: 5px 8px !important;
    }

    .gsc-input input {
        width: 105px !important;
        padding: 6px 8px !important;
    }

    .gsc-search-button-v2 {
        margin-left: 6px !important;
        padding: 6px 10px !important;
    }
}

/* VERY SMALL PHONES (Below 480px) */
@media (max-width: 480px) {
    .gcse-searchbox-only {
        width: 90% !important;
        max-width: 250px !important;

        padding: 6px 10px !important;

        margin: 0 auto !important;
        border-radius: 26px !important;
    }

    .gsc-input input {
        width: 60% !important;
        font-size: 13px !important;
    }

    .gsc-search-button-v2 {
        padding: 6px 12px !important;
    }
}


/* REMOVE ALL GOOGLE DEFAULT OUTLINES, TABLE BORDERS, FRAMES */
.gsc-control-cse,
.gsc-control-cse * {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* REMOVE THE BOX OUTLINE AROUND SEARCH FIELD */
.gsc-search-box,
.gsc-input-box,
.gsib_b,
.gsib_a {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* FIX: Force visible cursor */
.gsc-input input {
    color: #fff !important;
    caret-color: #ffffff !important;   /* cursor color */
}

/* REMOVE THE VERTICAL LINE BETWEEN INPUT + CLEAR BUTTON */
.gsib_b {
    display: none !important;
}

/* REMOVE THE TOP/LIGHT BORDER FROM GOOGLE’S AUTO-SUGGEST BOX */
.gsc-completion-container,
.gsc-completion-container * {
    border: none !important;
    box-shadow: none !important;
}

/* STYLE THE SUGGESTION BOX TO MATCH GLASS LOOK */
.gsc-completion-container {
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    background: rgba(255,255,255,0.15) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-top: 4px !important;
}

/* REMOVE SHADOW + BORDER FROM RESULTS DROPDOWN */
.gsc-results-wrapper-overlay,
.gsc-results-wrapper-overlay * {
    border: none !important;
    box-shadow: none !important;
}

/* FIX INPUT BOX PROPER GLASS STYLE */
.gsc-input-box {
    background: rgba(255,255,255,0.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 40px !important;
    padding: 8px 14px !important;
}

/* REMOVE WHITE BACKGROUND GOOGLE SOMETIMES APPLIES */
input.gsc-input {
    background: transparent !important;
}

/* FIX BUTTON POSITION + REMOVE BORDER */
.gsc-search-button-v2 {
    border: none !important;
    background: rgba(255,255,255,0.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 40px !important;
}

/* FIX THE “ENHANCED BY GOOGLE” BLOCK */
.gsc-branding {
    background: transparent !important;
    border: none !important;
}

/* 1. REMOVE THE OUTER BOX (The ghost box) */
.gsc-control-cse {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. CLEANUP: Remove borders from the layout table */
.gsc-search-box, 
.gsc-search-box-tools, 
td.gsc-input, 
td.gsc-search-button {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. STYLE THE SINGLE BOX (The visible pill shape) */
.gsc-input-box {
    background-color: rgba(255, 255, 255, 0.5) !important; /* Adjust transparency here */
    border: none !important;
    border-radius: 20px !important; /* Rounded corners */
    height: 30px !important; /* REDUCED HEIGHT */
    padding: 0 0px !important;
    box-shadow: none !important;
}
/* 4. TEXT COLOR, CURSOR COLOR & INPUT SIZE */
input.gsc-input {
    color: #000000 !important;       /* Makes typed text black */
    caret-color: #000000 !important; /* MAKES THE BLINKING CURSOR BLACK */
    background: none !important;
    height: 30px !important;         /* Matches container height */
    line-height: 30px !important;    /* Centers text vertically */
    font-size: 16px !important; 
    padding: 2 !important;
}

/* 5. SEARCH BUTTON (Transparent, so it doesn't look like a second box) */
button.gsc-search-button-v2 {
    height: 30px !important; 
    width: 30px !important;
    padding: 6px !important;
    background: transparent !important; /* No background color */
    border: none !important;
    cursor: pointer;
    margin-left: 5px !important; /* Spacing from the text box */
}

/* 6. SEARCH ICON COLOR (Optional: Makes the icon dark grey) */
button.gsc-search-button-v2 svg {
    fill: #444 !important;
    width: 14px !important;
    height: 14px !important;
}

/* 7. PLACEHOLDER TEXT COLOR (Optional) */
input.gsc-input::placeholder {
    color: #333 !important;
}