/*
Theme Name: Prottyashi - Astra-Child
Theme URI: https://moulik.com.bd/
Description: My first Astra child theme.
Author: Moulik Solutions
Author URI: https://moulik.com.bd/
Template: astra
Version: 1.0.0
*/

@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');
@import url('https://fonts.cdnfonts.com/css/olivia-dhorgent');

/* FIX FOR BROKEN BOLD OUTLINE FONT FROM CDNFONTS */
@font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 700;
    src: local('Helvetica Neue'), url('https://fonts.cdnfonts.com/s/14188/HelveticaNeueBold.woff') format('woff');
}

.core-values p:hover{
    text-decoration: underline;
    text-decoration-color: green; 
}

.count-number {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

body{
 font-family: 'Helvetica', Arial, sans-serif;
 /*padding-top: 100px;*/
}

/* Global Font Override to force Helvetica everywhere and override Elementor */
body, h1, h2, h3, h4, h5, h6, p, a, li, button, input, textarea,
div:not(.fa):not(.fas):not(.fab):not([class*="eicon"]):not(.elementor-icon),
span:not(.fa):not(.fas):not(.fab):not([class*="eicon"]):not(.elementor-icon) {
    font-family: 'Helvetica', Arial, sans-serif !important;
}


.prottyashi-header {
    background-color: #ffffff !important; 
  position: fixed;
  top: 20;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 10px 15px -10px rgba(0,0,0,0.5) !important;
}

.un-footer-special-text .elementor-heading-title{
    font-family: 'Olivia Dhorgent', sans-serif !important;
}

.prottyashi-testimonial .premium-testimonial-img-wrapper {
    border-radius:5px !important;
}

div.premium-testimonial-lower-quote{
    display: none !important;
}

div.premium-testimonial-upper-quote{
    background-color:green !important;
    padding: 5px 10px 5px 10px;
    border-radius: 50%;
}

div.premium-testimonial-img-wrapper{
    position: relative;
    top: 60px;
    left: -190px;
}

div.premium-testimonial-content-wrapper{
    min-height: 300px !important;
    padding: 0px 10px 0px 130px !important;
}

.plyr__control svg {
    fill: green !important;
    font:48px !important;
}

button.plyr__control.plyr__control--overlaid:hover{
    background: green !important;
}

button.plyr__control.plyr__control--overlaid:hover svg {
    fill: white !important;
}

/* =================================================== */
/* Custom Google Translate Widget Styles */
/* =================================================== */

/* 1. HIDE UNWANTED GOOGLE ELEMENTS */
/* =================================== */

/* Hide the top banner frame */
.goog-te-banner-frame,
iframe.goog-te-banner-frame {
    display: none !important;
}

/* Hide the "Powered by Google" logo */
.goog-logo-link {
    display: none !important;
}

/* Hide the default translate icon */
.goog-te-gadget-icon {
    display: none !important;
}

/* Prevent the white space at the top of the page */
body {
    top: 0 !important;
}


/* 2. STYLE THE CUSTOM WIDGET */
/* =================================== */

/* Reset container and HIDE the original text */
.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    font-size: 0 !important; 
    color: transparent !important;
}

/* Hide the original Google text container  */
.goog-te-gadget-simple .goog-te-menu-value {
    display: none !important;
}

.goog-te-gadget-simple::before {
    content: 'SELECT LANGUAGE ';
    font-size: 12px; 
    color: #333;     
    font-family: Helvetica, sans-serif;
    vertical-align: middle;
    padding-right: 0px !important;
    margin-right: -17px;
}


.goog-te-gadget-simple::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid green;
    vertical-align: middle;
    padding-bottom: 5px;
}

 /* Hide the Google Translate iframe */
iframe#\:2\.container {
        display: none;
    }
    
.goog-te-gadget-simple:hover::before {
    text-decoration: underline;
    text-decoration-color: green;
    text-decoration-thickness: 1px;
    padding-bottom: 2px !important;
}

/* Main dropdown frame */
.goog-te-menu-frame {
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #d1d1d1 !important;
}

/* Style each language item */
.goog-te-menu2-item div,
.goog-te-menu2-item-selected div {
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    background-color: #fff !important;
    border: none !important; 
}

/* Style the item on hover */
.goog-te-menu2-item:hover div {
    background-color: #2e7d32 !important; 
    color: #fff !important;
}

/* Style the currently selected item */
.goog-te-menu2-item-selected div {
    background-color: #e8f5e9 !important; 
    font-weight: bold !important;
    color: #1b5e20 !important; 
}

/* Make carousel act like a marquee */
.marquee-carousel .swiper-wrapper {
  display: flex;
  width: max-content;
  animation: marquee-scroll 30s linear infinite;
}

.marquee-carousel .swiper-wrapper {
  transition-timing-function: linear !important;
}

.zoom-hover-bg {
    position: relative;
    overflow: hidden;
}

/* Background image layer */
.zoom-hover-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
    z-index: 0;
}

/* Overlay layer (always visible) */
.zoom-hover-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000000;
    opacity: 0.72;
    transition: background-color 0.4s ease;
    z-index: 1;
}

/* Hover effect */
.zoom-hover-bg:hover::before {
    transform: scale(1.1);
}

.zoom-hover-bg:hover::after {
    background-color: #003F10;
}

/* Content always on top */
.zoom-hover-bg > * {
    position: relative;
    z-index: 2;
}

.custom-float-btn {
    position: fixed;
    right: 40px;
    bottom: 130px;
    z-index: 99999;
    text-decoration: none;
    background: transparent;
}

.custom-float-btn img {
    width: 55px;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.3));
}

/* hover effect */
.custom-float-btn:hover img {
    transform: scale(1.1);
    filter: drop-shadow(0 6px 18px rgba(0,0,0,0.4));
}

/* ==========================================================================
   Tenders / Procurement Archive & Single Styling Overrides
   ========================================================================== */

/* Typography for Procurement Heading & Subtitle */
.tender-archive-wrapper .archive-title,
.tender-archive-wrapper .archive-subtitle {
    font-family: Helvetica, Arial, sans-serif !important;
}

/* Procurement Search Group & Button Alignment Fixes */
.tender-filter-wrapper .search-group {
    display: flex !important;
    align-items: stretch !important;
    border: 2px solid #007A09 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background: #fff !important;
    width: 60%;
    max-width: 720px;
    min-width: 300px;
}

.tender-filter-wrapper .search-group input[type="text"] {
    flex: 1 !important;
    border: none !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    outline: none !important;
    background: transparent !important;
}

.tender-filter-wrapper .search-group button {
    background: #007A09 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin: 0 !important;
    border-radius: 0 30px 30px 0 !important;
    font-family: Helvetica, Arial, sans-serif !important;
}

.tender-filter-wrapper .search-group button:hover {
    background-color: #005f08 !important;
}

/* All Open Tenders Button */
.all-tenders-btn {
    display: inline-block;
    padding: 8px 24px;
    background-color: #fff !important;
    color: #007A09 !important;
    border: 2px solid #007A09 !important;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif !important;
    transition: all 0.3s ease;
}

.all-tenders-btn:hover {
    background-color: #007A09 !important;
    color: #fff !important;
}

/* Single Tender Typography & Colors */
.tender-title {
    font-family: Helvetica, Arial, sans-serif !important;
}

.tender-deadline {
    color: #007A09 !important;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif !important;
}

.tender-file-wrapper .file-name {
    font-family: Helvetica, Arial, sans-serif !important;
    color: #007A09 !important;
    font-weight: bold;
}

/* HFE Search Icon Fix: ensure pointer-events on icon work */
.hfe-search-icon-toggle i {
    cursor: pointer;
    pointer-events: all !important;
    position: relative;
    z-index: 10;
    color: #007A09;
}

/* HFE Search Layout Override: Push content instead of overlap */
.hfe-search-button-wrapper .hfe-search-icon-toggle {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: auto !important;
}

.hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input {
    position: relative !important;
    width: 0 !important;
    padding: 0 !important;
    opacity: 0;
    transition: width 0.4s ease-in-out, padding 0.4s ease-in-out, opacity 0.4s ease-in-out;
    border: none !important;
    background: transparent !important;
    right: auto !important;
}

.hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input {
    width: 250px !important;
    padding: 5px 15px !important;
    opacity: 1;
    border-bottom: 2px solid #007A09 !important;
    margin-right: 10px;
}