/*=============================================
=            18/12/2024 - IOn - small fixes info bubbles            =
=============================================*/
.formcontainer .form-field .field-info .field-info-popup {
    top: -10px;
}

/*=====  End of 18/12/2024 - IOn - small fixes info bubbles  ======*/
/* 23/12/2024 */
.dashboard-header .action {
    transition: 350ms;
}

.dashboard-header .userbadge {
    min-width: 135px;
    justify-content: flex-end;
}

.hac-search-fields-wrap input[type="text"] {
    width: 80%;
}

.reqoffers-head.filters input[type="text"] {
    min-width: 300px;
    width: 90%;
}

/*=============================================
=            06/01/2024 - Style Languages on matchmaking            =
=============================================*/
.hac-matchmaking-language-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: -18px;
}

.hac-matchmaking-language-wrap .wglanguage-name {
    padding: 0 !important;
    padding-right: 30px !important;
    padding-left: 7px !important;
}

.hac-matchmaking-language-wrap .country-selector.weglot-dropdown span {
    background-color: #182843;
}

.hac-matchmaking-language-wrap .country-selector.weglot-dropdown .wgcurrent {
    border-width: 0 !important;
}

.hac-matchmaking-language-wrap .country-selector.weglot-dropdown a {
    padding: 0;
    padding-left: 7px;
    color: #fff;
}

.hac-matchmaking-language-wrap .country-selector.weglot-dropdown ul {
    background-color: #182843;
    ;
    border-width: 0 !important;
}

.hac-matchmaking-language-wrap .country-selector.weglot-dropdown .wgcurrent::after {
    background: url("/wp-content/plugins/hac-matchmaking/public/images/wgarrowdown4.png") no-repeat;
    background-size: contain;
    top: 15px;
}

/* .hac-matchmaking-language-wrap > aside{
    position: absolute;
    left: 0;
    top: 0;
} */
/*=====  End of 06/01/2024 - Style Languages on matchmaking  ======*/
/*=============================================
=   08/01/2024 - Additional styles for Messages and Notifications   =
=============================================*/
.reqoffer-actions .btn-summary {
    margin-left: 5px;
    text-decoration: none;
}

.reqoffer-actions .btn--editoffer + .btn--viewoffer,
.reqoffer-actions .btn--editrequest + .btn--viewrequest {
    margin-left: 5px;
}

/*=====  End of  08/01/2024 - Additional styles for Messages and Notifications  ======*/
/*=============================================
=            09/01/2025 Adjustment - Ion            =
=============================================*/
.section-recent-matches .table .cell-countryprovider img,
.tilescontainer .tile-head .tile-author img {
    object-fit: contain;
}

.tilescontainer .tile-head .tile-author img {
    width: 35px;
}

.section-recent-matches td.cell-countryprovider > div {
    max-width: 250px;
    line-height: 1.2;
    padding-right: 10px;
}

.section-recent-matches .table td.cell-requesttitle {
    width: auto;
}

.section-recent-matches .cell-theme .cell-theme-content {
    display: flex;
    flex-wrap: wrap;
}

.section-recent-matches .cell-theme .cell-theme-content .theme {
    margin-bottom: 5px;
}

.dashboard-header .userbadge .flag .flag-inner {
    background-size: contain;
}

.hac-matchmaking-language-wrap .country-selector {
    z-index: 99;
}

.dashboard {
    gap: 15px;
}

.dashboard .left {
    flex: initial;
    width: 63%;
}

.dashboard .right {
    flex: initial;
    width: 37%;
}

.dashboard-fire .left {
    width: 25%;
}

.dashboard-fire .right {
    width: 75%;
    flex-grow: 3;
}

@media only screen and (max-width: 1252px) {
    .dashboard .left {
        width: 55%;
    }

    .dashboard .right {
        width: 45%;
    }

    .dashboard-fire .left {
        width: 25%;
    }

    .dashboard-fire .right {
        width: 75%;
        flex-grow: 3;
    }
}

/*=====  End of 09/01/2025 Adjustment - Ion  ======*/
/*=============================================
=            27/01/2025 - Ion - Small fixes on Notification/Messaging            =
=============================================*/
.dashboard-summary .left,
.dashboard-summary .right {
    width: 50%;
}

.hac-btn-primary {
    background: var(--blue);
    color: var(--white);
    padding: 7px 20px;
    margin-top: 20px;
    transition: 350ms;
    border-width: 0;
}

.hac-btn-primary:hover {
    background-color: #182843;
}

table.notifications-table td {
    padding: 5px 10px;
}

table.notifications-table td:nth-of-type(2) {
    padding: 0;
}

table.notifications-table td:nth-of-type(1) {
    padding: 0 5px;
    min-width: 30px;
    text-align: center;
}

.notifications-table tr:nth-child(odd),
.notifications-table tr:nth-child(odd) td {
    background-color: #edeef0;
    /* Light gray background */
}

.summary-data-table-wrap .body {
    padding: 0;
}

.summary-data-table-wrap table.notifications-table td:last-of-type {
    min-width: 125px;
    text-align: center;
}

.summary-data-table-wrap table.notifications-table td:last-of-type a {
    margin-left: auto;
    background-color: var(--blue);
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    color: #fff;
    line-height: 1.4;
    border: 2px solid var(--blue);
    border-radius: 6px;
    white-space: nowrap;
    display: block;
    width: fit-content;
    cursor: pointer;
    text-decoration: none;
    min-width: 105px;
    transition: 350ms;
}

.summary-data-table-wrap table.notifications-table td:last-of-type a:hover {
    background-color: #182843;
    border-color: #182843;
}

@media only screen and (max-width: 767px) {
    .dashboard-summary {
        flex-direction: column-reverse;
    }

    .dashboard-summary .left,
    .dashboard-summary .right {
        width: 100%;
    }
}

/*=====  End of 27/01/2025 - Ion - Small fixes on Notification/Messaging  ======*/
/*=============================================
=            04/02/2025 -Ion - Attachements            =
=============================================*/
.request-existing-support-files ul,
.budget-template-existing-file ul,
.grant-request-existing-support-files ul {
    list-style: none;
    padding-left: 0;
}

.request-existing-support-files li .remove-file,
.budget-template-existing-file li .remove-file,
.grant-request-existing-support-files li .remove-file {
    margin-left: 5px;
    font-size: 9px;
    font-weight: 400;
    padding: 3px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background: var(--white);
    color: var(--dark-grey);
    line-height: 1.4;
    border: 2px solid var(--blue);
    border-radius: 6px;
    position: relative;
    z-index: 2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border-width: 0;
    margin-top: 4px;
}

.request-existing-support-files li div,
.budget-template-existing-file li div,
.grant-request-existing-support-files li div {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/*=====  End of 04/02/2025 -Ion - Attachements  ======*/
/*=============================================
=            09/04/2025 - Ion Grant Style            =
=============================================*/
.formcontainer .col-two {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2em;
}

.formcontainer .col-one {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 2em;
}

/*=====  End of 09/04/2025 - Ion Grant Style  ======*/
/*=============================================
=            10/04/2025 - Ion             =
=============================================*/
#modal-my-requests .reqoffer-type {
    min-width: 85px;
    justify-content: center;
}

#modal-my-requests .reqoffer-type.grant-item span {
    background-color: #fb944a;
    color: #fff;
}

/*=====  End of 10/04/2025 - Ion   ======*/
/*=============================================
=            23/04/2025 - IOn            =
=============================================*/
.formcontainer .checkboxes--columns {
    columns: 1;
}

.formcontainer .checkboxes--columns label input[type="checkbox"] {
    margin-top: 4px;
}

/*=====  End of 23/04/2025 - IOn  ======*/
/*=============================================
=            24/04/2025 - RDM - Ion            =
=============================================*/
#create-new-grant-request {
    background-color: #c2e564;
    color: #182843;
}

#create-new-grant-request:hover {
    background-color: #bae04b;
}

.rdm-action-in-header {
    color: #c2e564 !important;
}

.rdm-action-in-header svg {
    fill: #c2e564;
}

.rdm-modal-body {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 50px;
}

/*=====  End of 24/04/2025 - RDM - Ion  ======*/
/*=============================================
=            RDM - 25/04/2025 -IOn            =
=============================================*/
.grant-budget-value-currency-wrap {
    position: relative;
}

.grant-budget-value-currency {
    position: absolute;
    right: 15px;
    top: 10px;
}

/*=====  End of RDM - 25/04/2025 -IOn  ======*/


/*=============================================
=            Gtranslate Style - 18/11/2025 -Ion            =
=============================================*/


.hac-matchmaking-language-wrap {
    position: relative;
    margin-right: 5px;
}

.hac-matchmaking-language-wrap .gt_options {
    position: absolute !important;
    background-color: #182843 !important;
    left: 0 !important;
    top: 50px !important;
    width: 164px;
}

.hac-matchmaking-language-wrap .gt_options a {
    color: #fff !important;
    font-size: 14px;
}

.hac-matchmaking-language-wrap .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0 !important;
}

.hac-matchmaking-language-wrap .gt_float_switcher-arrow {
    display: none !important;
}

.hac-matchmaking-language-wrap .gt_float_switcher .gt-selected .gt-current-lang {
    font-family: var(--defaultFontFamily) !important;
    font-weight: bold !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.hac-matchmaking-language-wrap .gt_float_switcher .gt-selected {
    background-color: #182843 !important;
}

.hac-matchmaking-language-wrap .gt_float_switcher img {
    width: 25px;
}

.hac-matchmaking-language-wrap #gt_float_wrapper {
    display: flex !important;
    align-items: center;
}

.gt_float_switcher .gt_options a:hover {
    background: var(--colourLightBlue) !important;
}

/*=====  End of Gtranslate Style - 18/11/2025 -Ion  ======*/