/*
Theme Name: Freeio Child
Template: freeio
Version: 1.0.0
*/

/*
 * PAKTOGRAF CLEANUP NOTE
 * Safe cleanup: fixed one broken mobile @media brace, removed large empty gaps,
 * and kept selector order to avoid breaking the current live cascade.
 */

.pg-auth-screen__form-wrap #login_password{
    padding-left: 46px;
    padding-right: 46px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M7.5 11V8.5C7.5 6.57 9.07 5 11 5H13C14.93 5 16.5 6.57 16.5 8.5V11' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round'/><rect x='5' y='11' width='14' height='9' rx='2.5' stroke='%2398A2B3' stroke-width='1.8'/></svg>");
}

.pg-auth-screen__form-wrap .pg-login-submit{
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
}

.pg-auth-screen__form-wrap .pg-login-submit.is-loading{
    color: transparent !important;
    pointer-events: none;
}

.pg-auth-screen__form-wrap .pg-login-submit.is-loading::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 999px;
    animation: pg-auth-spin .8s linear infinite;
}

@keyframes pg-auth-spin{
    to{ transform: rotate(360deg); }
}

/* pokušaj da se ugasi full-form loading ako Freeio koristi ove klase */
.pg-auth-screen__form-wrap .box-account.loading,
.pg-auth-screen__form-wrap .form-container.loading,
.pg-auth-screen__form-wrap .login-form.loading{
    opacity: 1 !important;
}

.pg-auth-screen__form-wrap .box-account.loading::before,
.pg-auth-screen__form-wrap .box-account.loading::after,
.pg-auth-screen__form-wrap .form-container.loading::before,
.pg-auth-screen__form-wrap .form-container.loading::after,
.pg-auth-screen__form-wrap .login-form.loading::before,
.pg-auth-screen__form-wrap .login-form.loading::after{
    display: none !important;
}

.pg-auth-screen__form-wrap .lostpassword-link{
    display: none !important;
}

/* AUTH PAGES – mobile cleanup */

@media (max-width: 767px){

    /* 1) sakrij footer na auth stranicama */
    body.page-prijava .apus-footer,
    body.page-registracija .apus-footer,
    body.page-prijava footer,
    body.page-registracija footer{
        display: none !important;
    }

    /* 2) da donji dio forme ne bude odsječen */
    body.page-prijava .pg-auth-screen__right,
    body.page-registracija .pg-auth-screen__right{
        padding: 22px 16px 34px !important;
    }

    body.page-prijava .pg-auth-screen__form-wrap,
    body.page-registracija .pg-auth-screen__form-wrap{
        padding-bottom: 24px;
    }

    /* 3) lijevu stranu smiri na mobitelu */
    body.page-prijava .pg-auth-screen__left,
    body.page-registracija .pg-auth-screen__left{
        min-height: auto !important;
        padding: 22px 18px 18px !important;
    }

    body.page-prijava .pg-auth-screen__title,
    body.page-registracija .pg-auth-screen__title{
        font-size: 28px !important;
        margin-bottom: 10px !important;
    }

    body.page-prijava .pg-auth-screen__text,
    body.page-registracija .pg-auth-screen__text{
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
        max-width: 100% !important;
    }

    body.page-prijava .pg-auth-screen__points,
    body.page-registracija .pg-auth-screen__points{
        display: none !important;
    }
}

/* AUTH PAGES - mobile cleanup */

@media (max-width: 767px){

    /* sakrij sve što može smetati pri dnu */
    body.pg-auth-page .pg-mobile-bottom-nav,
    body.pg-auth-page .apus-footer,
    body.pg-auth-page .apus-footer-mobile,
    body.pg-auth-page footer{
        display: none !important;
    }

    /* neka auth layout bude samo jedna kolona */
    body.pg-auth-page .pg-auth-screen{
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    /* potpuno ugasi lijevu ljubičastu kolonu na telefonu */
    body.pg-auth-page .pg-auth-screen__left{
        display: none !important;
    }

    /* desni dio neka ima više mjesta dole */
    body.pg-auth-page .pg-auth-screen__right{
        padding: 20px 16px calc(28px + env(safe-area-inset-bottom)) !important;
    }

    body.pg-auth-page .pg-auth-screen__right-inner{
        max-width: 100% !important;
    }

    body.pg-auth-page .pg-auth-screen__form-wrap{
        padding-bottom: 28px !important;
    }

    /* social login dugmad */
    body.pg-auth-page .pg-auth-screen__social-buttons{
        gap: 10px !important;
    }

    body.pg-auth-page .pg-auth-screen__social-btn{
        min-height: 50px !important;
    }
}


/* REGISTER UX */

.pg-register-rules{
    margin: 14px 0 18px;
    padding: 14px 16px;
    border: 1px solid #eceff4;
    border-radius: 14px;
    background: #fff;
}

.pg-register-rules__title{
    font-size: 13px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 10px;
}

.pg-register-rules__list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.pg-register-rules__item{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    line-height: 1.35;
    color: #b42318;
}

.pg-register-rules__item::before{
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 999px;
    background: #f04438;
}

.pg-register-rules__item.is-ok{
    color: #027a48;
}

.pg-register-rules__item.is-ok::before{
    background: #12b76a;
}

.pg-auth-screen--register input.is-valid{
    border-color: #12b76a !important;
    box-shadow: 0 0 0 3px rgba(18,183,106,.10) !important;
}

.pg-auth-screen--register input.is-invalid{
    border-color: #f04438 !important;
    box-shadow: 0 0 0 3px rgba(240,68,56,.10) !important;
}

.pg-auth-screen--register button[type="submit"],
.pg-auth-screen--register .btn[type="submit"],
.pg-auth-screen--register input[type="submit"]{
    transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

.pg-auth-screen--register button[type="submit"].is-disabled,
.pg-auth-screen--register .btn[type="submit"].is-disabled,
.pg-auth-screen--register input[type="submit"].is-disabled{
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none !important;
}

.pg-auth-screen--register button[type="submit"]:not(.is-disabled):hover,
.pg-auth-screen--register .btn[type="submit"]:not(.is-disabled):hover{
    transform: translateY(-1px);
}

.pg-register-match-note{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.35;
}

.pg-register-match-note.is-error{
    color: #b42318;
}

.pg-register-match-note.is-ok{
    color: #027a48;
}


/* REGISTER SCREEN – yellow hero like mockup */

.pg-auth-screen--register .pg-auth-screen__left{
    background:
        radial-gradient(circle at center, rgba(255,255,255,.16) 1.3px, transparent 1.3px),
        linear-gradient(180deg, #ffd400 0%, #f7c600 100%) !important;
    background-size: 24px 24px, cover;
    color: #111827 !important;
    align-items: flex-start;
    padding: 54px 42px;
}

.pg-auth-screen--register .pg-auth-screen__left-inner{
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}

.pg-auth-screen--register .pg-auth-screen__title{
    color: #111827 !important;
    font-size: 48px;
    line-height: 1.02;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
    text-align: center;
}

.pg-auth-screen--register .pg-auth-screen__text{
    color: #1f2937 !important;
    font-size: 17px;
    line-height: 1.6;
    margin: 0 auto 30px;
    max-width: 420px;
    text-align: center;
}

.pg-register-hero__cards{
    display: grid;
    gap: 18px;
}

.pg-register-hero-card{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 22px 22px 20px;
    background: #f7f0df;
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.pg-register-hero-card__icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
    background: linear-gradient(180deg, #8a3dff 0%, #6f2cff 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(111,44,255,.22);
}

.pg-register-hero-card__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-register-hero-card__content strong{
    display: block;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 800;
    color: #111827;
    margin-bottom: 10px;
}

.pg-register-hero-card__content small{
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: #4b5563;
}

@media (max-width: 1199px){
    .pg-auth-screen--register .pg-auth-screen__left{
        padding: 36px 24px;
    }

    .pg-auth-screen--register .pg-auth-screen__title{
        font-size: 38px;
    }

    .pg-auth-screen--register .pg-auth-screen__text{
        font-size: 16px;
    }
}

@media (max-width: 767px){
    .pg-auth-screen--register .pg-auth-screen__left{
        display: none !important;
    }
}

/* REGISTER LAYOUT FIX *//*
.pg-auth-screen--register{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important;
    width: 100% !important;
    min-height: calc(100vh - 72px) !important;
} */

.pg-auth-screen--register .pg-auth-screen__left,
.pg-auth-screen--register .pg-auth-screen__right{
    min-width: 0 !important;
    width: 100% !important;
}

.pg-auth-screen--register .pg-auth-screen__left{
    grid-column: 1 !important;
}

.pg-auth-screen--register .pg-auth-screen__right{
    grid-column: 2 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 56px 32px !important;
}

.pg-auth-screen--register .pg-auth-screen__right-inner{
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto !important;
}

@media (max-width: 1199px){/*
    .pg-auth-screen--register{
        grid-template-columns: 1fr !important;
    } */

    .pg-auth-screen--register .pg-auth-screen__right{
        grid-column: auto !important;
        padding: 36px 20px 30px !important;
    }
}

.pg-auth-screen--register .nav-tabs{
    display: none !important;
}

/* REGISTER SCREEN – clean full layout */

.pg-auth-screen--register{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important;
    width: 100% !important;
    min-height: calc(100vh - 72px) !important;
}

.pg-auth-screen--register > .pg-auth-screen__left,
.pg-auth-screen--register > .pg-auth-screen__right{
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.pg-auth-screen--register > .pg-auth-screen__left{
    display: flex !important;
    align-items: stretch !important;
}

.pg-auth-screen--register > .pg-auth-screen__right{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    padding: 56px 32px !important;
}

.pg-auth-screen--register .pg-auth-screen__right-inner{
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto !important;
}

@media (max-width: 1199px){
    .pg-auth-screen--register{
        grid-template-columns: 1fr !important;
    }

    .pg-auth-screen--register > .pg-auth-screen__right{
        padding: 36px 20px 30px !important;
    }
}


/* REGISTER FIELDS + SOCIAL */

.pg-auth-screen--register .pg-auth-field{
    position: relative;
}

.pg-auth-screen--register .pg-auth-field .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen--register .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98A2B3;
    z-index: 3;
    pointer-events: none;
}

.pg-auth-screen--register .pg-auth-field > .pg-auth-field__icon{
    top: auto !important;
    bottom: 17px !important;
    transform: none !important;
}

.pg-auth-screen--register .pg-auth-field__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-auth-screen--register .pg-auth-field input.form-control{
    padding-left: 46px !important;
}

.pg-auth-screen--register .pg-auth-screen__social{
    margin-top: 22px;
}

.pg-auth-screen--register .pg-auth-screen__divider{
    position: relative;
    text-align: center;
    margin: 0 0 18px;
}

.pg-auth-screen--register .pg-auth-screen__divider::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e5e7eb;
    transform: translateY(-50%);
}

.pg-auth-screen--register .pg-auth-screen__divider span{
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background: #fff;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 500;
}

.pg-auth-screen--register .pg-auth-screen__social-buttons{
    display: grid;
    gap: 12px;
}

.pg-auth-screen--register .pg-auth-screen__social-btn{
    width: 100%;
    min-height: 52px;
    border: 1px solid #d9deea;
    border-radius: 14px;
    background: #fff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all .18s ease;
}

.pg-auth-screen--register .pg-auth-screen__social-btn:hover{
    background: #f9fafb;
    border-color: #cfd6e4;
    text-decoration: none;
    color: #111827;
}

.pg-auth-screen--register .pg-auth-screen__social-icon{
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1877f2;
}

.pg-auth-screen--register .pg-auth-screen__signup-note{
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #667085;
}

.pg-auth-screen--register .pg-auth-screen__signup-note a{
    color: #6f2cff;
    font-weight: 700;
    text-decoration: none;
}

.pg-auth-screen--register .pg-auth-screen__signup-note a:hover{
    color: #5f22e6;
}


/* PASSWORD UX – register */

.pg-password-helper{
    margin: 12px 0 18px;
}

.pg-password-helper__bar{
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: #eaecf0;
    overflow: hidden;
    margin-bottom: 12px;
}

.pg-password-helper__fill{
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    transition: width .22s ease, background-color .22s ease;
    background: #f04438;
}

.pg-password-helper__fill.is-weak{
    background: #f04438;
}

.pg-password-helper__fill.is-medium{
    background: #f79009;
}

.pg-password-helper__fill.is-strong{
    background: #12b76a;
}

.pg-password-helper__list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.pg-password-helper__item{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.35;
    color: #98a2b3;
}

.pg-password-helper__item-icon{
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 999px;
    border: 1.5px solid currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.pg-password-helper__item.is-bad{
    color: #f04438;
}

.pg-password-helper__item.is-ok{
    color: #12b76a;
}

.pg-password-helper__item.is-ok .pg-password-helper__item-icon{
    background: rgba(18,183,106,.08);
}

.pg-password-match{
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.pg-password-match.is-bad{
    color: #f04438;
}

.pg-password-match.is-ok{
    color: #12b76a;
}


.pg-register-force-label{
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 700;
    color: #111827;

}


.pg-auth-screen--register #register-terms-and-conditions{
    margin: 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.pg-auth-screen--register label[for="register-terms-and-conditions"]{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.45;
    color: #667085;
}

.pg-auth-screen--register label[for="register-terms-and-conditions"] a{
    color: #667085;
    font-weight: 600;
    text-decoration: none;
}

.pg-auth-screen--register label[for="register-terms-and-conditions"] a:hover{
    color: #6f2cff;
    text-decoration: underline;
}


/* REGISTER – ikonice u input poljima kao na loginu */

.pg-auth-screen--register input.pg-input-email,
.pg-auth-screen--register input.pg-input-password{
    height: 52px;
    padding-left: 46px !important;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
}

.pg-auth-screen--register input.pg-input-password{
    padding-right: 46px !important;
}

.pg-auth-screen--register input.pg-input-email{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5C4 6.67 4.67 6 5.5 6H18.5C19.33 6 20 6.67 20 7.5V16.5C20 17.33 19.33 18 18.5 18H5.5C4.67 18 4 17.33 4 16.5V7.5Z' stroke='%2398A2B3' stroke-width='1.8'/%3E%3Cpath d='M5 8L12 13L19 8' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pg-auth-screen--register input.pg-input-password{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 11V8.5C7.5 6.57 9.07 5 11 5H13C14.93 5 16.5 6.57 16.5 8.5V11' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='5' y='11' width='14' height='9' rx='2.5' stroke='%2398A2B3' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* Register icons - stable fix, not affected by autofill */
.pg-auth-screen__form-wrap--register .cmb-td,
.pg-auth-screen__form-wrap--register .show_hide_password_wrapper{
  position: relative;
  display: block;
}

.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-email .cmb-td::before,
.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-password .show_hide_password_wrapper::before,
.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-confirmpassword .show_hide_password_wrapper::before{
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  z-index: 9;
  pointer-events: none;
}

.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-email .cmb-td::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5C4 6.67 4.67 6 5.5 6H18.5C19.33 6 20 6.67 20 7.5V16.5C20 17.33 19.33 18 18.5 18H5.5C4.67 18 4 17.33 4 16.5V7.5Z' stroke='%2398A2B3' stroke-width='1.8'/%3E%3Cpath d='M5 8L12 13L19 8' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-password .show_hide_password_wrapper::before,
.pg-auth-screen__form-wrap--register .cmb2-id--freelancer-confirmpassword .show_hide_password_wrapper::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 11V8.5C7.5 6.57 9.07 5 11 5H13C14.93 5 16.5 6.57 16.5 8.5V11' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='5' y='11' width='14' height='9' rx='2.5' stroke='%2398A2B3' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* Input space */
.pg-auth-screen__form-wrap--register .pg-input-email,
.pg-auth-screen__form-wrap--register .pg-input-password{
  padding-left: 46px !important;
}

/* Kill background icon on input; icon now lives on wrapper */
.pg-auth-screen__form-wrap--register .pg-input-email,
.pg-auth-screen__form-wrap--register .pg-input-password{
  background-image: none !important;
}


/* Password guide */
.pg-password-guide{
  display: none;
  margin: 10px 0 18px;
}

.pg-password-guide.is-visible{
  display: block;
}

.pg-password-bars{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: 10px 0 10px;
}

.pg-password-bars span{
  height: 4px;
  border-radius: 999px;
  background: #e5e7eb;
}

.pg-password-bars[data-strength="1"] span:nth-child(1){
  background: #ef233c;
}

.pg-password-bars[data-strength="2"] span:nth-child(1),
.pg-password-bars[data-strength="2"] span:nth-child(2){
  background: #f59e0b;
}

.pg-password-bars[data-strength="3"] span{
  background: #22c55e;
}

.pg-password-rules{
  list-style: none;
  padding: 0;
  margin: 0;
}

.pg-password-rules li{
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0;
  font-size: 12px;
  line-height: 1.25;
  color: #344054;
}

.pg-password-rules li::before{
  content: "×";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #98a2b3;
  color: #98a2b3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex: 0 0 15px;
}

.pg-password-rules li.is-valid::before{
  content: "✓";
  color: #22c55e;
  border-color: #22c55e;
}

.pg-password-rules li.is-valid{
  color: #166534;
}

/* Disabled register button */
.pg-auth-screen__form-wrap--register button[type="submit"].is-disabled,
.pg-auth-screen__form-wrap--register button[type="submit"]:disabled{
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: grayscale(.1);
}


.pg-auth-screen__form-wrap--register button[type="submit"]{
  transition: all .25s ease;
}

.pg-auth-screen__form-wrap--register button[type="submit"]:not(.is-disabled){
  transform: translateY(-1px);
  box-shadow: 0 10px 25px rgba(109,74,255,.25);
}

.pg-input-password.is-match{
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.15);
}


/* MOBILE REGISTER LAYOUT */
@media (max-width: 767px){

  body.page-id-1030,
  body.page-id-1030 .site,
  body.page-id-1030 .main-page-wrapper{
    background: #fff !important;
  }

  .pg-auth-screen{
    min-height: 100vh;
    padding: 0 !important;
    background: #fff !important;
  }

  .pg-auth-screen__inner{
    min-height: 100vh;
    display: block !important;
    padding: 0 !important;
  }

  .pg-auth-screen__visual,
  .pg-auth-screen__aside,
  .pg-auth-screen__left{
    display: none !important;
  }

  .pg-auth-screen__form-wrap{
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh;
    padding: 28px 20px 34px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  .pg-auth-screen__form-wrap--register h1,
  .pg-auth-screen__form-wrap--register .pg-auth-screen__title{
    font-size: 28px !important;
    line-height: 1.12 !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.03em;
  }

  .pg-auth-screen__form-wrap--register .pg-auth-screen__subtitle{
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 28px !important;
    color: #475467 !important;
  }

  .pg-auth-screen__form-wrap--register .cmb-row{
    margin-bottom: 18px !important;
  }

  .pg-auth-screen__form-wrap--register .cmb-th{
    display: block !important;
    width: 100% !important;
    padding: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111827 !important;
  }

  .pg-auth-screen__form-wrap--register .cmb-td{
    width: 100% !important;
    padding: 0 !important;
  }

  .pg-auth-screen__form-wrap--register input.regular-text,
  .pg-auth-screen__form-wrap--register input[type="text"],
  .pg-auth-screen__form-wrap--register input[type="email"],
  .pg-auth-screen__form-wrap--register input[type="password"]{
    width: 100% !important;
    height: 54px !important;
    border-radius: 14px !important;
    border: 1px solid #d0d5dd !important;
    background-color: #fff !important;
    font-size: 15px !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  .pg-auth-screen__form-wrap--register input:focus{
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.14) !important;
    outline: none !important;
  }

  .pg-auth-screen__form-wrap--register .show_hide_password_wrapper{
    display: block !important;
  }

  .pg-auth-screen__form-wrap--register .toggle-password{
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .pg-password-guide{
    margin: -6px 0 18px !important;
  }

  .pg-password-bars{
    margin: 8px 0 10px !important;
  }

  .pg-password-bars span{
    height: 4px !important;
  }

  .pg-password-rules li{
    font-size: 12px !important;
    margin: 5px 0 !important;
  }

  .pg-auth-screen__form-wrap--register .form-group label{
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #475467 !important;
  }

  .pg-auth-screen__form-wrap--register .form-group input[type="checkbox"]{
    margin-top: 2px !important;
    flex: 0 0 auto;
  }

  .pg-auth-screen__form-wrap--register .btn.btn-theme,
  .pg-auth-screen__form-wrap--register button[type="submit"]{
    width: 100% !important;
    height: 54px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    margin-top: 12px !important;
  }

  .pg-register-legal{
    margin-top: 12px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    color: #667085 !important;
  }

  .pg-auth-screen__social{
    margin-top: 28px !important;
  }

  .pg-auth-screen__divider{
    margin: 20px 0 16px !important;
  }

  .pg-auth-screen__divider span{
    font-size: 12px !important;
    color: #667085 !important;
  }

  .pg-auth-screen__social-buttons{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .pg-auth-screen__social-btn{
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    justify-content: center !important;
  }

  .pg-auth-screen__signup-note{
    margin-top: 18px !important;
    text-align: center !important;
    font-size: 14px !important;
  }


}

@media (max-width: 767px){
  .pg-auth-screen__form-wrap--register .pg-register-legal{
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 767px){
  .pg-auth-screen__form-wrap--register .form-group label{
    display: block !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #475467 !important;
  }

  .pg-auth-screen__form-wrap--register .form-group label a{
    display: inline !important;
    white-space: nowrap !important;
  }

  .pg-auth-screen__form-wrap--register .form-group input[type="checkbox"]{
    display: inline-block !important;
    vertical-align: -2px !important;
    margin: 0 6px 0 0 !important;
  }
}

@media (max-width: 767px){
  .pg-auth-screen__form-wrap--register .form-group label{
    font-size: 11px !important;
  }
}


/* Login heading */
.pg-login-heading {
    margin: 18px 0 28px;
}

.pg-login-heading h2 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.03em;
}

.pg-login-heading p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #667085;
    max-width: 420px;
}

@media (max-width: 767px) {
    .pg-login-heading {
        margin: 14px 0 24px;
    }

    .pg-login-heading h2 {
        font-size: 26px;
    }

    .pg-login-heading p {
        font-size: 14px;
    }
}

/* Login heading - mobile fine tuning */
@media (max-width: 767px) {
    .pg-login-heading {
        margin-top: 8px !important;
        margin-bottom: 14px !important;
    }

    .pg-login-heading h2 {
        margin-bottom: 0px !important;
        line-height: 1.25 !important;
    }

    .pg-login-heading p {
        line-height: 1.25 !important;
    }
}


/* Login social divider text */
.pg-login-social-area {
    margin-top: 26px;
}

.pg-login-social-area {
    color: #667085;
}

.pg-login-social-area .or,
.pg-login-social-area .separator,
.pg-login-social-area .divider,
.pg-login-social-area .nsl-separator {
    font-size: 13px !important;
    color: #8b95a7 !important;
    font-weight: 500 !important;
    text-transform: none !important;
}


/* Social login divider - nježniji tekst */
.pg-login-social-area {
    margin-top: 22px;
}

.pg-login-social-area .separator,
.pg-login-social-area .divider,
.pg-login-social-area .or,
.pg-login-social-area .nsl-separator,
.pg-login-social-area span,
.pg-login-social-area p {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #98a2b3 !important;
    line-height: 1.4 !important;
}


/* Login social buttons - final precise fix */

.pg-login-social-area {
    width: 100% !important;
    margin-top: 24px !important;
}

/* Glavni wrapper */
.pg-login-social-area .wrapper-social-login {
    width: 100% !important;
    display: block !important;
}

/* Divider: "ili nastavite sa" */
.pg-login-social-area .line-header {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
}

.pg-login-social-area .line-header::before,
.pg-login-social-area .line-header::after {
    content: "" !important;
    height: 1px !important;
    background: #e6e9f0 !important;
    flex: 1 !important;
}

.pg-login-social-area .line-header span {
    display: inline-block !important;
    color: #98a2b3 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

/* Wrapper za Facebook + Google */
.pg-login-social-area .inner-social {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pojedinačni wrapperi */
.pg-login-social-area .facebook-login-btn-wrapper,
.pg-login-social-area .google-login-btn-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Sami buttoni */
.pg-login-social-area .facebook-login-btn,
.pg-login-social-area .google-login-btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    padding: 0 18px !important;
    border-radius: 14px !important;
    border: 1px solid #d8dee8 !important;
    background: #ffffff !important;

    color: #344054 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;

    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

/* Ikonice unutra - bitno: vraća ih normalno u red */
.pg-login-social-area .facebook-login-btn i,
.pg-login-social-area .google-login-btn i {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
    line-height: 1 !important;
    transform: none !important;
    flex-shrink: 0 !important;
}

/* Brand boje za ikonice */
.pg-login-social-area .facebook-login-btn i {
    color: #1877f2 !important;
}

.pg-login-social-area .google-login-btn i {
    color: #ea4335 !important;
}

/* Hover - nježno, bez skakanja i sjene */
.pg-login-social-area .facebook-login-btn:hover,
.pg-login-social-area .facebook-login-btn:focus,
.pg-login-social-area .google-login-btn:hover,
.pg-login-social-area .google-login-btn:focus {
    background: #f7f2ff !important;
    color: #5f22d9 !important;
    border-color: #d8dee8 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Active / klik - malo tamnija nijansa */
.pg-login-social-area .facebook-login-btn:active,
.pg-login-social-area .google-login-btn:active {
    background: #ede3ff !important;
    color: #4c1d95 !important;
    border-color: #d8dee8 !important;
    box-shadow: none !important;
    transform: none !important;
}


/* Login social divider - final center fix */
.pg-login-social-area .wrapper-social-login .line-header {
    position: relative !important;
    width: 100% !important;
    height: 22px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Jedna linija kroz cijeli red */
.pg-login-social-area .wrapper-social-login .line-header::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 1px !important;
    background: #e6e9f0 !important;
    transform: translateY(-50%) !important;
}

/* Gasi drugi pseudo-element ako ga prethodni CSS pravi */
.pg-login-social-area .wrapper-social-login .line-header::after {
    display: none !important;
    content: none !important;
}

/* Tekst tačno u sredinu */
.pg-login-social-area .wrapper-social-login .line-header span {
    position: relative !important;
    z-index: 1 !important;

    display: inline-block !important;
    margin: 0 auto !important;
    padding: 0 12px !important;

    background: #ffffff !important;
    color: #98a2b3 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
}


/* Register top area - same rhythm as login */
.pg-register-back {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 22px !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.pg-register-back:hover {
    color: #6d28d9 !important;
}

.pg-register-heading {
    margin: 0 0 30px !important;
}

.pg-register-heading .pg-auth-screen__intro-title {
    margin: 0 0 8px !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #111827 !important;
    letter-spacing: -0.03em !important;
}

.pg-register-heading .pg-auth-screen__intro-text {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #667085 !important;
    max-width: 420px !important;
}

@media (max-width: 767px) {
    .pg-register-back {
        margin-bottom: 16px !important;
    }

    .pg-register-heading {
        margin-bottom: 24px !important;
    }

    .pg-register-heading .pg-auth-screen__intro-title {
        font-size: 26px !important;
        margin-bottom: 4px !important;
    }

    .pg-register-heading .pg-auth-screen__intro-text {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}


/* =========================
   Paktograf - Objavi projekat
========================= */

.pg-post-project-page {
    padding: 32px 16px 64px;
    background: #fcfbff;
}

.pg-post-project-page__container {
    max-width: 860px;
    margin: 0 auto;
}

.pg-post-project-page__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 22px;
    color: #667085;
    font-weight: 600;
    text-decoration: none;
}

.pg-post-project-page__back:hover {
    color: #7c3aed;
}

.pg-post-project-page__hero {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
}

.pg-post-project-page__hero-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(124, 58, 237, 0.18);
    flex-shrink: 0;
}

.pg-post-project-page__hero-text h1 {
    margin: 0 0 6px;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;
    color: #101828;
}

.pg-post-project-page__hero-text p {
    margin: 0;
    font-size: 18px;
    color: #667085;
}

.pg-post-project-page__steps {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 20px;
    padding: 18px 22px;
    margin-bottom: 24px;
}

.pg-step {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.pg-step__number {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f2f4f7;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.pg-step.is-active .pg-step__number {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
}

.pg-step__label {
    font-size: 15px;
    font-weight: 600;
    color: #475467;
}

.pg-step__line {
    flex: 1;
    height: 2px;
    background: #eaecf0;
    min-width: 40px;
}

.pg-post-project-page__form-card {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.04);
}

/* sakrij Freeio default naslov ako ga već prikazuje */
.pg-post-project-page__form-card h2:first-child,
.pg-post-project-page__form-card .title-wrapper,
.pg-post-project-page__form-card .project-submission-form-wrapper > h2 {
    display: none;
}

@media (max-width: 768px) {
    .pg-post-project-page {
        padding: 20px 14px 40px;
    }

    .pg-post-project-page__hero {
        align-items: flex-start;
    }

    .pg-post-project-page__hero-text h1 {
        font-size: 30px;
    }

    .pg-post-project-page__hero-text p {
        font-size: 16px;
    }

    .pg-post-project-page__steps {
        gap: 3px;
        padding: 14px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .pg-post-project-page__steps::-webkit-scrollbar {
        display: none;
    }

    .pg-step__label {
        font-size: 13px;
    }

    .pg-step__line {
        min-width: 24px;
    }

    .pg-post-project-page__form-card {
        padding: 18px;
        border-radius: 20px;
    }
}


/* =========================
   Paktograf - Objavi projekat forma
========================= */

/* Sakrij default Freeio naslov ako se pojavi unutar forme */
.pg-post-project-page__form-card h1,
.pg-post-project-page__form-card h2,
.pg-post-project-page__form-card .title,
.pg-post-project-page__form-card .widget-title,
.pg-post-project-page__form-card .submit-form-title {
    display: none !important;
}

/* Glavni CMB2 form wrapper */
.pg-post-project-page__form-card form,
.pg-post-project-page__form-card .cmb-form {
    margin: 0 !important;
}

/* Svaki red polja */
.pg-post-project-page__form-card .cmb-row {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Label dio - prebaci iz lijeve kolone iznad inputa */
.pg-post-project-page__form-card .cmb-th {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    display: block !important;
}

/* Label tekst */
.pg-post-project-page__form-card .cmb-th label {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #101828 !important;
}

/* Polje dio */
.pg-post-project-page__form-card .cmb-td {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* Inputi, selecti, textarea */
.pg-post-project-page__form-card input[type="text"],
.pg-post-project-page__form-card input[type="email"],
.pg-post-project-page__form-card input[type="number"],
.pg-post-project-page__form-card input[type="url"],
.pg-post-project-page__form-card input[type="tel"],
.pg-post-project-page__form-card input[type="date"],
.pg-post-project-page__form-card input[type="password"],
.pg-post-project-page__form-card select,
.pg-post-project-page__form-card textarea {
    width: 100% !important;
    max-width: 100% !important;

    border: 1px solid #d0d5dd !important;
    border-radius: 14px !important;
    background: #ffffff !important;

    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
}

/* Visina inputa */
.pg-post-project-page__form-card input[type="text"],
.pg-post-project-page__form-card input[type="email"],
.pg-post-project-page__form-card input[type="number"],
.pg-post-project-page__form-card input[type="url"],
.pg-post-project-page__form-card input[type="tel"],
.pg-post-project-page__form-card input[type="date"],
.pg-post-project-page__form-card input[type="password"],
.pg-post-project-page__form-card select {
    min-height: 54px !important;
    padding: 0 16px !important;
}

/* Textarea */
.pg-post-project-page__form-card textarea {
    min-height: 170px !important;
    padding: 16px !important;
    resize: vertical !important;
}

/* Placeholder */
.pg-post-project-page__form-card input::placeholder,
.pg-post-project-page__form-card textarea::placeholder {
    color: #98a2b3 !important;
    font-weight: 400 !important;
}

/* Focus state */
.pg-post-project-page__form-card input:focus,
.pg-post-project-page__form-card select:focus,
.pg-post-project-page__form-card textarea:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10) !important;
    background: #ffffff !important;
}

/* Opis ispod polja */
.pg-post-project-page__form-card .cmb2-metabox-description,
.pg-post-project-page__form-card .cmb2-metabox-description p,
.pg-post-project-page__form-card .cmb2-id-description,
.pg-post-project-page__form-card .cmb-td .cmb2-metabox-description {
    margin-top: 7px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-style: normal !important;
}

/* CMB2 title/section polja */
.pg-post-project-page__form-card .cmb-type-title {
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.pg-post-project-page__form-card .cmb-type-title .cmb-th,
.pg-post-project-page__form-card .cmb-type-title .cmb-td {
    padding: 0 !important;
}

.pg-post-project-page__form-card .cmb-type-title h5,
.pg-post-project-page__form-card .cmb2-metabox-title {
    margin: 0 0 14px !important;
    color: #101828 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* Select2 ako Freeio koristi select2 */
.pg-post-project-page__form-card .select2-container {
    width: 100% !important;
}

.pg-post-project-page__form-card .select2-container .select2-selection {
    min-height: 54px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
}

.pg-post-project-page__form-card .select2-container .select2-selection__rendered {
    padding-left: 16px !important;
    padding-right: 36px !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 52px !important;
}

.pg-post-project-page__form-card .select2-container .select2-selection__arrow {
    height: 52px !important;
    right: 12px !important;
}

.pg-post-project-page__form-card .select2-container--open .select2-selection,
.pg-post-project-page__form-card .select2-container--focus .select2-selection {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10) !important;
}

/* Upload/file polja */
.pg-post-project-page__form-card input[type="file"] {
    width: 100% !important;
    padding: 14px !important;
    border: 1px dashed #d0d5dd !important;
    border-radius: 14px !important;
    background: #f9fafb !important;
    color: #475467 !important;
}

/* Submit area */
.pg-post-project-page__form-card .submit-button-wrapper,
.pg-post-project-page__form-card .form-group:last-child,
.pg-post-project-page__form-card .cmb-submit-row {
    margin-top: 28px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

/* Submit button */
.pg-post-project-page__form-card button[type="submit"],
.pg-post-project-page__form-card input[type="submit"],
.pg-post-project-page__form-card .btn-theme,
.pg-post-project-page__form-card .button-primary {
    min-height: 52px !important;
    padding: 0 28px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.20) !important;
    transform: none !important;
    transition: background 0.18s ease, box-shadow 0.18s ease !important;
}

/* Submit hover */
.pg-post-project-page__form-card button[type="submit"]:hover,
.pg-post-project-page__form-card input[type="submit"]:hover,
.pg-post-project-page__form-card .btn-theme:hover,
.pg-post-project-page__form-card .button-primary:hover {
    background: linear-gradient(135deg, #6d28d9, #5b21b6) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, 0.24) !important;
}

/* Submit active */
.pg-post-project-page__form-card button[type="submit"]:active,
.pg-post-project-page__form-card input[type="submit"]:active,
.pg-post-project-page__form-card .btn-theme:active,
.pg-post-project-page__form-card .button-primary:active {
    background: #5b21b6 !important;
    box-shadow: none !important;
}

/* Manji ekrani */
@media (max-width: 767px) {
    .pg-post-project-page__form-card .cmb-row {
        margin-bottom: 18px !important;
    }

    .pg-post-project-page__form-card input[type="text"],
    .pg-post-project-page__form-card input[type="email"],
    .pg-post-project-page__form-card input[type="number"],
    .pg-post-project-page__form-card input[type="url"],
    .pg-post-project-page__form-card input[type="tel"],
    .pg-post-project-page__form-card input[type="date"],
    .pg-post-project-page__form-card input[type="password"],
    .pg-post-project-page__form-card select {
        min-height: 50px !important;
    }

    .pg-post-project-page__form-card textarea {
        min-height: 150px !important;
    }

    .pg-post-project-page__form-card .submit-button-wrapper,
    .pg-post-project-page__form-card .form-group:last-child,
    .pg-post-project-page__form-card .cmb-submit-row {
        justify-content: stretch !important;
    }

    .pg-post-project-page__form-card button[type="submit"],
    .pg-post-project-page__form-card input[type="submit"],
    .pg-post-project-page__form-card .btn-theme,
    .pg-post-project-page__form-card .button-primary {
        width: 100% !important;
    }
}


/* Objavi projekat - sakrij default "General" naslov */
.pg-post-project-page__form-card .cmb-type-title,
.pg-post-project-page__form-card .cmb2-metabox-title,
.pg-post-project-page__form-card h5 {
    display: none !important;
}

/* Project wizard - hard hide */
.pg-is-hidden {
    display: none !important;
}

/* Kategorije kao kartice */
.pg-project-category-row ul,
.pg-project-category-row .cmb2-radio-list,
.pg-project-category-row .cmb2-checkbox-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-project-category-row li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pg-project-category-card {
    min-height: 82px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    cursor: pointer !important;
}

.pg-project-category-card:hover {
    border-color: #a855f7 !important;
    background: #fbf7ff !important;
}

.pg-project-category-card.is-selected {
    border-color: #7c3aed !important;
    background: #f7f2ff !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.08) !important;
}

.pg-project-category-card input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pg-project-category-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff7d6;
    font-size: 20px;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .pg-project-category-row ul,
    .pg-project-category-row .cmb2-radio-list,
    .pg-project-category-row .cmb2-checkbox-list {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Objavi projekat - Wizard polish
========================= */

/* Card unutra malo prozračniji */
.pg-post-project-page__form-card {
    padding: 36px !important;
}

/* Ukloni ružne default CMB2 spacing/bordere */
.pg-post-project-page__form-card .cmb-row,
.pg-post-project-page__form-card .cmb-repeatable-group,
.pg-post-project-page__form-card .cmb-repeatable-grouping {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Labeli */
.pg-post-project-page__form-card .cmb-th label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #101828 !important;
}

/* Required zvjezdica malo elegantnije */
.pg-post-project-page__form-card .required,
.pg-post-project-page__form-card abbr.required {
    color: #7c3aed !important;
    text-decoration: none !important;
}

/* Description/helper tekst */
.pg-post-project-page__form-card .cmb2-metabox-description {
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-style: normal !important;
}

/* Inputi malo mekši */
.pg-post-project-page__form-card input[type="text"],
.pg-post-project-page__form-card input[type="number"],
.pg-post-project-page__form-card input[type="email"],
.pg-post-project-page__form-card input[type="url"],
.pg-post-project-page__form-card select,
.pg-post-project-page__form-card textarea {
    border-radius: 16px !important;
    border-color: #d7dce5 !important;
    background: #fff !important;
}

/* Textarea da ne izgleda preogromno/ružno */
.pg-post-project-page__form-card textarea {
    min-height: 180px !important;
}

/* Upload dugmad / Browse */
.pg-post-project-page__form-card .cmb2-upload-button,
.pg-post-project-page__form-card input[type="button"],
.pg-post-project-page__form-card button:not(.pg-project-wizard-btn):not(.pg-project-wizard-submit-btn):not([type="submit"]) {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f9f5ff !important;
    color: #7c2d12 !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    box-shadow: none !important;
}

/* File upload zona */
.pg-post-project-page__form-card input[type="file"] {
    border-radius: 16px !important;
    border: 1px dashed #d0d5dd !important;
    background: #fafafa !important;
}

/* Radio/checkbox fallback ako neko polje nije pretvoreno u kartice */
.pg-post-project-page__form-card .cmb2-radio-list:not(.pg-project-category-row .cmb2-radio-list),
.pg-post-project-page__form-card .cmb2-checkbox-list:not(.pg-project-category-row .cmb2-checkbox-list) {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-post-project-page__form-card .cmb2-radio-list li,
.pg-post-project-page__form-card .cmb2-checkbox-list li {
    list-style: none !important;
}

/* Kategorije - bolji card izgled */
.pg-project-category-card {
    min-height: 92px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    border-color: #d7dce5 !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03) !important;
}

.pg-project-category-card__icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: #fff7d6 !important;
}

/* Preview card bolji spacing */
.pg-project-preview__card {
    padding: 0 !important;
}

.pg-project-preview__grid {
    padding-top: 4px !important;
}

/* Info kartice */
.pg-project-info-card {
    border-radius: 22px !important;
    border-color: #eadcff !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
    border: 1px solid !important;
}

/* Kontrole na dnu */
.pg-project-wizard-controls {
    margin-top: 34px !important;
    padding-top: 6px !important;
}

/* Dugmad iste visine, urednija */
.pg-project-wizard-btn,
.pg-project-wizard-submit-btn {
    height: 56px !important;
    border-radius: 16px !important;
}

/* Nazad dugme na desktopu */
.pg-project-wizard-btn--ghost {
    min-width: 180px !important;
}

/* Primary dugme */
.pg-project-wizard-btn--primary,
.pg-project-wizard-submit-btn {
    min-width: 220px !important;
}

/* Sakrij eventualni default submit wrapper ako ostane prazan */
.pg-post-project-page__form-card .submit-button-wrapper:empty,
.pg-post-project-page__form-card .cmb-submit-row:empty {
    display: none !important;
}

/* Mobile polish */
@media (max-width: 767px) {
    .pg-post-project-page__form-card {
        padding: 22px !important;
    }

    .pg-project-category-card {
        min-height: 76px !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .pg-project-wizard-controls {
        gap: 10px !important;
    }

    .pg-project-wizard-btn,
    .pg-project-wizard-submit-btn {
        min-width: 0 !important;
        width: 100% !important;
    }
}


/* =========================
   Project wizard - category cards + button fix
========================= */

/* Inputi na project formi neka budu bijeli, ne plavi */
.pg-post-project-page__form-card input[type="text"],
.pg-post-project-page__form-card input[type="number"],
.pg-post-project-page__form-card input[type="email"],
.pg-post-project-page__form-card input[type="url"],
.pg-post-project-page__form-card textarea,
.pg-post-project-page__form-card select {
    background: #ffffff !important;
}

/* Kategorije grid */
.pg-project-category-row .cmb2-radio-list,
.pg-project-category-row .cmb2-checkbox-list,
.pg-project-category-row ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Svaka kategorija kao kartica */
.pg-project-category-row li.pg-project-category-card {
    position: relative !important;
    min-height: 92px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 18px !important;

    border: 1px solid #d7dce5 !important;
    border-radius: 18px !important;
    background: #ffffff !important;

    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03) !important;
    cursor: pointer !important;

    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}

/* Sakrij radio kružiće */
.pg-project-category-row li.pg-project-category-card input[type="radio"],
.pg-project-category-row li.pg-project-category-card input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Label tekst u kartici */
.pg-project-category-card__label {
    margin: 0 !important;
    padding: 0 !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    cursor: pointer !important;
}

/* Ikonica */
.pg-project-category-card__icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff7d6 !important;
    font-size: 21px !important;
    line-height: 1 !important;
}

/* Hover */
.pg-project-category-row li.pg-project-category-card:hover {
    border-color: #a855f7 !important;
    background: #fbf7ff !important;
}

/* Selected */
.pg-project-category-row li.pg-project-category-card.is-selected {
    border-color: #7c3aed !important;
    background: #f7f2ff !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.08) !important;
}

/* Wizard dugmad - pregazi default crni border */
.pg-project-wizard-controls {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin-top: 34px !important;
}

.pg-project-wizard-controls .pg-project-wizard-btn,
.pg-project-wizard-controls .pg-project-wizard-submit-btn {
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 16px !important;
    padding: 0 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

/* Primary / Nastavi */
.pg-project-wizard-controls .pg-project-wizard-btn--primary {
    min-width: 190px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.20) !important;
}

/* Objavi projekat */
.pg-project-wizard-controls .pg-project-wizard-submit-btn {
    min-width: 220px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.20) !important;
}

/* Nazad */
.pg-project-wizard-controls .pg-project-wizard-btn--ghost {
    min-width: 170px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #101828 !important;
}

/* Hover */
.pg-project-wizard-controls .pg-project-wizard-btn--primary:hover,
.pg-project-wizard-controls .pg-project-wizard-submit-btn:hover {
    background: linear-gradient(135deg, #6d28d9, #5b21b6) !important;
    color: #ffffff !important;
}

.pg-project-wizard-controls .pg-project-wizard-btn--ghost:hover {
    background: #f9fafb !important;
    border-color: #b8c0cc !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-project-category-row .cmb2-radio-list,
    .pg-project-category-row .cmb2-checkbox-list,
    .pg-project-category-row ul {
        grid-template-columns: 1fr !important;
    }

    .pg-project-category-row li.pg-project-category-card {
        min-height: 78px !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .pg-project-wizard-controls {
        flex-direction: column !important;
    }

    .pg-project-wizard-controls .pg-project-wizard-btn,
    .pg-project-wizard-controls .pg-project-wizard-submit-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* Project wizard - final button visibility fix */
.pg-post-project-page[data-pg-step="1"] .pg-project-wizard-back,
.pg-post-project-page[data-pg-step="1"] .pg-project-wizard-submit {
    display: none !important;
}

.pg-post-project-page[data-pg-step="2"] .pg-project-wizard-submit {
    display: none !important;
}

.pg-post-project-page[data-pg-step="3"] .pg-project-wizard-next {
    display: none !important;
}

/* Korak 3 dugmad */
.pg-post-project-page[data-pg-step="3"] .pg-project-wizard-controls {
    justify-content: space-between !important;
}

.pg-post-project-page[data-pg-step="3"] .pg-project-wizard-back,
.pg-post-project-page[data-pg-step="3"] .pg-project-wizard-submit {
    flex: 1 !important;
}


/* Project preview polish */
.pg-project-preview__card {
    margin-bottom: 26px !important;
}

.pg-project-preview__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px 42px !important;
}

.pg-project-preview__grid div {
    display: block !important;
}

.pg-project-preview__grid span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.pg-project-preview__grid strong {
    display: block !important;
    color: #101828 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.pg-project-preview__full {
    grid-column: 1 / -1 !important;
}

.pg-project-info-card {
    position: relative !important;
    padding: 26px 28px 26px 82px !important;
    margin-top: 22px !important;
    border-radius: 22px !important;
}

.pg-project-info-card__icon {
    position: absolute !important;
    left: 28px !important;
    top: 28px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
}

.pg-project-info-card h3 {
    margin: 0 0 10px !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

.pg-project-info-card p {
    margin: 0 !important;
    max-width: 760px !important;
    line-height: 1.65 !important;
}

@media (max-width: 767px) {
    .pg-project-preview__grid {
        grid-template-columns: 1fr !important;
    }

    .pg-project-info-card {
        padding: 22px !important;
    }

    .pg-project-info-card__icon {
        position: static !important;
        margin-bottom: 12px !important;
    }

    .pg-post-project-page[data-pg-step="3"] .pg-project-wizard-controls {
        flex-direction: column !important;
    }
}

/* =========================
   Project success screen
========================= */

.pg-post-project-page[data-pg-step="done"] .pg-post-project-page__form-card {
    padding: 56px 40px !important;
}

.pg-project-success {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.pg-project-success__icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 24px;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
    color: #fff;
    font-size: 36px;
    font-weight: 800;

    box-shadow: 0 18px 40px rgba(124, 58, 237, 0.18);
}

.pg-project-success__eyebrow {
    margin-bottom: 10px;
    color: #7c3aed;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pg-project-success__title {
    margin: 0 0 14px;
    color: #101828;
    font-size: 40px;
    line-height: 1.12;
    font-weight: 900;
}

.pg-project-success__text {
    max-width: 620px;
    margin: 0 auto 30px;
    color: #667085;
    font-size: 18px;
    line-height: 1.7;
}

.pg-project-success__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.pg-project-success__btn {
    min-width: 220px;
    height: 56px;
    padding: 0 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 800;
    transition: all 0.2s ease;
}

.pg-project-success__btn--primary {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, 0.20);
}

.pg-project-success__btn--primary:hover {
    background: linear-gradient(135deg, #6d28d9, #5b21b6);
    color: #fff !important;
    transform: translateY(-1px);
}

.pg-project-success__btn--ghost {
    background: #fff;
    border: 1px solid #d0d5dd;
    color: #101828 !important;
}

.pg-project-success__btn--ghost:hover {
    background: #f9fafb;
    border-color: #b8c0cc;
    color: #101828 !important;
}

/* stepper završen */
.pg-post-project-page[data-pg-step="done"] .pg-step {
    opacity: 1 !important;
}

.pg-post-project-page[data-pg-step="done"] .pg-step__number,
.pg-post-project-page[data-pg-step="done"] .pg-step.is-complete .pg-step__number {
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #fff !important;
}

.pg-post-project-page[data-pg-step="done"] .pg-step__line,
.pg-post-project-page[data-pg-step="done"] .pg-step__line.is-complete {
    background: #7c3aed !important;
}

/* mobile */
@media (max-width: 767px) {
    .pg-post-project-page[data-pg-step="done"] .pg-post-project-page__form-card {
        padding: 34px 22px !important;
    }

    .pg-project-success__title {
        font-size: 28px;
    }

    .pg-project-success__text {
        font-size: 16px;
    }

    .pg-project-success__actions {
        flex-direction: column;
    }

    .pg-project-success__btn {
        width: 100%;
        min-width: 0;
    }
}

/* =========================
   Project wizard - validation + preview image + mobile category scroll
========================= */

/* Validacija */
.pg-field-has-error input[type="text"],
.pg-field-has-error input[type="number"],
.pg-field-has-error input[type="email"],
.pg-field-has-error input[type="url"],
.pg-field-has-error textarea,
.pg-field-has-error select {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.10) !important;
}

.pg-field-has-error .select2-selection {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.10) !important;
}

.pg-field-has-error .pg-project-category-card,
.pg-project-category-row.pg-field-has-error .cmb2-radio-list,
.pg-project-category-row.pg-field-has-error .cmb2-checkbox-list {
    border-color: #ef4444 !important;
}

.pg-field-error {
    margin-top: 9px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

/* Preview slika */
.pg-project-preview__image {
    width: 100%;
    max-height: 360px;
    margin: 0 0 26px;
    border-radius: 22px;
    overflow: hidden;
    background: #f2f4f7;
    border: 1px solid #eaecf0;
}

.pg-project-preview__image img {
    width: 100%;
    height: 100%;
    max-height: 360px;
    display: block;
    object-fit: cover;
}

/* Sakrij "None" kategoriju ako je Freeio prikazuje */
.pg-project-category-row li.pg-category-none {
    display: none !important;
}

/* Mobile: kategorije imaju svoj scroll/swipe prostor */
@media (max-width: 767px) {
    .pg-project-category-row .cmb2-radio-list,
    .pg-project-category-row .cmb2-checkbox-list,
    .pg-project-category-row ul {
        max-height: 360px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding-right: 6px !important;
        scroll-behavior: smooth;
    }

    .pg-project-category-row .cmb2-radio-list::-webkit-scrollbar,
    .pg-project-category-row .cmb2-checkbox-list::-webkit-scrollbar,
    .pg-project-category-row ul::-webkit-scrollbar {
        width: 5px;
    }

    .pg-project-category-row .cmb2-radio-list::-webkit-scrollbar-thumb,
    .pg-project-category-row .cmb2-checkbox-list::-webkit-scrollbar-thumb,
    .pg-project-category-row ul::-webkit-scrollbar-thumb {
        background: #d6bbfb;
        border-radius: 999px;
    }

    .pg-project-category-row .cmb2-radio-list::-webkit-scrollbar-track,
    .pg-project-category-row .cmb2-checkbox-list::-webkit-scrollbar-track,
    .pg-project-category-row ul::-webkit-scrollbar-track {
        background: transparent;
    }
}


/* Project preview - smanji razmak iznad slike */
.pg-project-preview__card {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pg-project-preview__image {
    margin-top: 0 !important;
}

/* Kad je korisnik na koraku 3, smanji gornji padding kartice */
.pg-post-project-page[data-pg-step="3"] .pg-post-project-page__form-card {
    padding-top: 20px !important;
}


/* Project wizard - completed step state */
.pg-post-project-page .pg-step.is-complete .pg-step__number {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: transparent !important;
    position: relative !important;
}

.pg-post-project-page .pg-step.is-complete .pg-step__number::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.pg-post-project-page .pg-step.is-complete .pg-step__label {
    color: #101828 !important;
    font-weight: 800 !important;
}

.pg-post-project-page .pg-step__line.is-complete {
    background: linear-gradient(90deg, #7c3aed, #a855f7) !important;
}


/* =========================
   Paktograf - Projekti archive wrapper
========================= */

.pg-projects-archive-page {
    min-height: 100vh;
    padding: 34px 16px 70px;
    background: #fbfaff;
}

.pg-projects-archive-page__container {
    max-width: 1280px;
    margin: 0 auto;
}

.pg-projects-archive-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.pg-projects-archive-hero h1 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.pg-projects-archive-hero p {
    margin: 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.55;
}

.pg-projects-archive-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    min-width: 620px;
}

.pg-projects-archive-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #eaecf0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.04);
}

.pg-projects-archive-stat__icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 14px;
    background: #f4ebff;
    font-size: 20px;
}

.pg-projects-archive-stat strong {
    display: block;
    margin-bottom: 2px;
    color: #101828;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
}

.pg-projects-archive-stat small {
    display: block;
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
}

.pg-projects-archive-shell {
    background: transparent;
}

/* Ograniči Freeio archive da ne ide od ruba do ruba */
.pg-projects-archive-shell > * {
    max-width: 100%;
}

/* Sakrij/prebaci default bijelu pozadinu ako tema pravi čudne blokove */
.pg-projects-archive-shell .main-content,
.pg-projects-archive-shell .content-area,
.pg-projects-archive-shell .site-main {
    background: transparent !important;
}

/* Footer ne smije upadati preko liste */
.site-footer,
footer {
    position: relative !important;
    z-index: 1 !important;
}

/* Mobile */
@media (max-width: 991px) {
    .pg-projects-archive-hero {
        display: block;
    }

    .pg-projects-archive-stats {
        min-width: 0;
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .pg-projects-archive-hero h1 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .pg-projects-archive-page {
        padding: 24px 14px 48px;
    }

    .pg-projects-archive-hero h1 {
        font-size: 30px;
    }

    .pg-projects-archive-hero p {
        font-size: 15px;
    }
}

/* =========================
   Paktograf - Projekti archive cards
========================= */

/* Glavna archive zona */
.pg-projects-archive-shell {
    margin-top: 22px !important;
}

/* Top red: results + sort */
.pg-projects-archive-shell .results-count,
.pg-projects-archive-shell .showing,
.pg-projects-archive-shell .projects-found,
.pg-projects-archive-shell .filter-top,
.pg-projects-archive-shell .archive-top,
.pg-projects-archive-shell .display-mode {
    color: #667085 !important;
    font-size: 14px !important;
}

/* Sort dropdown */
.pg-projects-archive-shell select,
.pg-projects-archive-shell .orderby,
.pg-projects-archive-shell .sortby select {
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid #e1e6ef !important;
    background: #fff !important;
    color: #344054 !important;
    font-size: 14px !important;
    padding: 0 14px !important;
}

/* Lista projekata */
.pg-projects-archive-shell .projects-list,
.pg-projects-archive-shell .project-list,
.pg-projects-archive-shell .items-wrapper,
.pg-projects-archive-shell .layout-project {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

/* Pojedinačna kartica - pokrivamo više Freeio mogućih klasa */
.pg-projects-archive-shell .project-item,
.pg-projects-archive-shell .project-list-item,
.pg-projects-archive-shell .project-wrapper,
.pg-projects-archive-shell .project-card,
.pg-projects-archive-shell article.project,
.pg-projects-archive-shell .type-project {
    position: relative !important;

    background: #ffffff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 22px !important;

    padding: 26px 28px !important;
    margin: 0 0 18px !important;

    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.04) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

/* Hover */
.pg-projects-archive-shell .project-item:hover,
.pg-projects-archive-shell .project-list-item:hover,
.pg-projects-archive-shell .project-wrapper:hover,
.pg-projects-archive-shell .project-card:hover,
.pg-projects-archive-shell article.project:hover,
.pg-projects-archive-shell .type-project:hover {
    border-color: #d6bbfb !important;
    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.08) !important;
    transform: translateY(-1px) !important;
}

/* Naslov projekta */
.pg-projects-archive-shell .project-title,
.pg-projects-archive-shell .title,
.pg-projects-archive-shell h2,
.pg-projects-archive-shell h3,
.pg-projects-archive-shell h4 {
    margin-top: 0 !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
}

.pg-projects-archive-shell .project-title a,
.pg-projects-archive-shell h2 a,
.pg-projects-archive-shell h3 a,
.pg-projects-archive-shell h4 a {
    color: #101828 !important;
    text-decoration: none !important;
}

.pg-projects-archive-shell .project-title a:hover,
.pg-projects-archive-shell h2 a:hover,
.pg-projects-archive-shell h3 a:hover,
.pg-projects-archive-shell h4 a:hover {
    color: #6d28d9 !important;
}

/* Opis */
.pg-projects-archive-shell .description,
.pg-projects-archive-shell .project-description,
.pg-projects-archive-shell .excerpt,
.pg-projects-archive-shell .project-excerpt {
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-top: 10px !important;
}

/* Meta info: posted, proposals, location itd. */
.pg-projects-archive-shell .project-metas,
.pg-projects-archive-shell .metas,
.pg-projects-archive-shell .meta,
.pg-projects-archive-shell .project-meta,
.pg-projects-archive-shell .job-metas {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 18px !important;

    margin-top: 12px !important;
    color: #667085 !important;
    font-size: 13px !important;
}

/* Meta ikonice */
.pg-projects-archive-shell .project-metas i,
.pg-projects-archive-shell .metas i,
.pg-projects-archive-shell .meta i,
.pg-projects-archive-shell .project-meta i,
.pg-projects-archive-shell .job-metas i {
    color: #7c3aed !important;
}

/* Budžet / cijena */
.pg-projects-archive-shell .price,
.pg-projects-archive-shell .project-price,
.pg-projects-archive-shell .price-wrapper,
.pg-projects-archive-shell .budget,
.pg-projects-archive-shell .project-budget {
    color: #101828 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

/* CTA button */
.pg-projects-archive-shell .btn,
.pg-projects-archive-shell .button,
.pg-projects-archive-shell a[class*="proposal"],
.pg-projects-archive-shell button[class*="proposal"],
.pg-projects-archive-shell .send-proposal,
.pg-projects-archive-shell .btn-apply,
.pg-projects-archive-shell .btn-theme {
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 0 !important;

    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 22px !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, 0.18) !important;
}

.pg-projects-archive-shell .btn:hover,
.pg-projects-archive-shell .button:hover,
.pg-projects-archive-shell a[class*="proposal"]:hover,
.pg-projects-archive-shell button[class*="proposal"]:hover,
.pg-projects-archive-shell .send-proposal:hover,
.pg-projects-archive-shell .btn-apply:hover,
.pg-projects-archive-shell .btn-theme:hover {
    background: linear-gradient(135deg, #6d28d9, #5b21b6) !important;
    color: #ffffff !important;
}

/* Favorite / srce */
.pg-projects-archive-shell .favorite,
.pg-projects-archive-shell .btn-favorite,
.pg-projects-archive-shell .bookmark,
.pg-projects-archive-shell .wishlist {
    border: 1px solid #e8edf5 !important;
    background: #ffffff !important;
    color: #98a2b3 !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.04) !important;
}

/* Pagination */
.pg-projects-archive-shell .pagination,
.pg-projects-archive-shell .page-numbers {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 34px !important;
}

.pg-projects-archive-shell .page-numbers li {
    list-style: none !important;
}

.pg-projects-archive-shell .page-numbers a,
.pg-projects-archive-shell .page-numbers span {
    width: 38px !important;
    height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;
    border: 1px solid #e8edf5 !important;
    background: #ffffff !important;
    color: #344054 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.pg-projects-archive-shell .page-numbers .current {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-projects-archive-shell .project-item,
    .pg-projects-archive-shell .project-list-item,
    .pg-projects-archive-shell .project-wrapper,
    .pg-projects-archive-shell .project-card,
    .pg-projects-archive-shell article.project,
    .pg-projects-archive-shell .type-project {
        padding: 20px !important;
        border-radius: 20px !important;
    }

    .pg-projects-archive-shell .project-title,
    .pg-projects-archive-shell .title,
    .pg-projects-archive-shell h2,
    .pg-projects-archive-shell h3,
    .pg-projects-archive-shell h4 {
        font-size: 17px !important;
    }

    .pg-projects-archive-shell .btn,
    .pg-projects-archive-shell .button,
    .pg-projects-archive-shell a[class*="proposal"],
    .pg-projects-archive-shell button[class*="proposal"],
    .pg-projects-archive-shell .send-proposal,
    .pg-projects-archive-shell .btn-apply,
    .pg-projects-archive-shell .btn-theme {
        width: 100% !important;
        margin-top: 14px !important;
    }
}


/* =========================================================
   PAKTOGRAF PROJECT ARCHIVE - CARD LOOK
========================================================= */

.pg-projects-archive-shell {
    margin-top: 20px;
}

/* ---------- top toolbar ---------- */
.pg-projects-archive-shell .top-info,
.pg-projects-archive-shell .filter-top,
.pg-projects-archive-shell .archive-top,
.pg-projects-archive-shell .showing-result,
.pg-projects-archive-shell .results-count {
    margin-bottom: 18px !important;
    color: #667085 !important;
    font-size: 14px !important;
}

.pg-projects-archive-shell select,
.pg-projects-archive-shell .orderby {
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #E4E7EC !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: none !important;
}

/* ---------- list ---------- */
.pg-projects-archive-shell .projects-list,
.pg-projects-archive-shell .items-wrapper,
.pg-projects-archive-shell .layout-project {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

/* ---------- card ---------- */
.pg-projects-archive-shell .project-item,
.pg-projects-archive-shell .project-wrapper,
.pg-projects-archive-shell .type-project,
.pg-projects-archive-shell article.project,
.pg-projects-archive-shell .project-list-item {
    background: #fff !important;
    border: 1px solid #EAECF0 !important;
    border-radius: 22px !important;
    padding: 22px 24px !important;
    margin: 0 !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04) !important;
    transition: all 0.18s ease !important;
    overflow: hidden !important;
}

.pg-projects-archive-shell .project-item:hover,
.pg-projects-archive-shell .project-wrapper:hover,
.pg-projects-archive-shell .type-project:hover,
.pg-projects-archive-shell article.project:hover,
.pg-projects-archive-shell .project-list-item:hover {
    border-color: #D6BBFB !important;
    box-shadow: 0 18px 36px rgba(124, 58, 237, 0.10) !important;
    transform: translateY(-1px) !important;
}

/* ---------- force internal layout wider / cleaner ---------- */
.pg-projects-archive-shell .project-item .inner,
.pg-projects-archive-shell .project-wrapper .inner,
.pg-projects-archive-shell .type-project .inner,
.pg-projects-archive-shell article.project .inner {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Ako Freeio ima 2-3 kolone unutar kartice */
.pg-projects-archive-shell .project-item .left,
.pg-projects-archive-shell .project-wrapper .left,
.pg-projects-archive-shell .project-content,
.pg-projects-archive-shell .content,
.pg-projects-archive-shell .project-listing-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* ---------- thumbnail / icon ---------- */
.pg-projects-archive-shell .project-thumbnail,
.pg-projects-archive-shell .project-image,
.pg-projects-archive-shell .media,
.pg-projects-archive-shell .image {
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    border-radius: 18px !important;
    background: #F4EBFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid #EEE7FE !important;
}

.pg-projects-archive-shell .project-thumbnail img,
.pg-projects-archive-shell .project-image img,
.pg-projects-archive-shell .media img,
.pg-projects-archive-shell .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ---------- title ---------- */
.pg-projects-archive-shell .title,
.pg-projects-archive-shell .project-title,
.pg-projects-archive-shell h2,
.pg-projects-archive-shell h3,
.pg-projects-archive-shell h4 {
    margin: 0 0 8px !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #101828 !important;
}

.pg-projects-archive-shell .title a,
.pg-projects-archive-shell .project-title a,
.pg-projects-archive-shell h2 a,
.pg-projects-archive-shell h3 a,
.pg-projects-archive-shell h4 a {
    color: #101828 !important;
    text-decoration: none !important;
}

.pg-projects-archive-shell .title a:hover,
.pg-projects-archive-shell .project-title a:hover,
.pg-projects-archive-shell h2 a:hover,
.pg-projects-archive-shell h3 a:hover,
.pg-projects-archive-shell h4 a:hover {
    color: #7C3AED !important;
}

/* ---------- description ---------- */
.pg-projects-archive-shell .description,
.pg-projects-archive-shell .excerpt,
.pg-projects-archive-shell .project-description,
.pg-projects-archive-shell .project-excerpt {
    margin-top: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* ---------- metas ---------- */
.pg-projects-archive-shell .meta,
.pg-projects-archive-shell .metas,
.pg-projects-archive-shell .project-meta,
.pg-projects-archive-shell .project-metas,
.pg-projects-archive-shell ul.meta-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    align-items: center !important;
    margin-top: 10px !important;
    color: #667085 !important;
    font-size: 13px !important;
}

.pg-projects-archive-shell .meta i,
.pg-projects-archive-shell .metas i,
.pg-projects-archive-shell .project-meta i,
.pg-projects-archive-shell .project-metas i,
.pg-projects-archive-shell ul.meta-list i {
    color: #7C3AED !important;
}

/* ---------- budget area ---------- */
.pg-projects-archive-shell .price,
.pg-projects-archive-shell .project-price,
.pg-projects-archive-shell .budget,
.pg-projects-archive-shell .project-budget,
.pg-projects-archive-shell .price-wrapper {
    min-width: 150px !important;
    text-align: right !important;
    color: #101828 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.pg-projects-archive-shell .price-type,
.pg-projects-archive-shell .budget-type,
.pg-projects-archive-shell .suffix {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* ---------- right action column ---------- */
.pg-projects-archive-shell .action,
.pg-projects-archive-shell .project-action,
.pg-projects-archive-shell .actions,
.pg-projects-archive-shell .right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
    min-width: 210px !important;
}

/* employer / user strip */
.pg-projects-archive-shell .employer-info,
.pg-projects-archive-shell .author,
.pg-projects-archive-shell .project-author,
.pg-projects-archive-shell .posted-by {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #344054 !important;
    font-size: 13px !important;
}

.pg-projects-archive-shell .employer-info img,
.pg-projects-archive-shell .author img,
.pg-projects-archive-shell .project-author img,
.pg-projects-archive-shell .posted-by img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
}

/* ---------- buttons ---------- */
.pg-projects-archive-shell .btn,
.pg-projects-archive-shell .btn-theme,
.pg-projects-archive-shell .button,
.pg-projects-archive-shell .send-proposal,
.pg-projects-archive-shell a[class*="proposal"] {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

/* primary */
.pg-projects-archive-shell .btn-theme,
.pg-projects-archive-shell .send-proposal,
.pg-projects-archive-shell a[class*="proposal"] {
    background: linear-gradient(135deg, #7C3AED, #6D28D9) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.pg-projects-archive-shell .btn-theme:hover,
.pg-projects-archive-shell .send-proposal:hover,
.pg-projects-archive-shell a[class*="proposal"]:hover {
    background: linear-gradient(135deg, #6D28D9, #5B21B6) !important;
    color: #fff !important;
}

/* secondary ghost button */
.pg-projects-archive-shell .btn-outline,
.pg-projects-archive-shell .btn-detail,
.pg-projects-archive-shell .view-detail,
.pg-projects-archive-shell a[href*="project"] {
    border-radius: 14px !important;
}

/* ---------- favorite ---------- */
.pg-projects-archive-shell .favorite,
.pg-projects-archive-shell .bookmark,
.pg-projects-archive-shell .wishlist,
.pg-projects-archive-shell .btn-favorite {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #EAECF0 !important;
    background: #fff !important;
    color: #98A2B3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ---------- pagination ---------- */
.pg-projects-archive-shell .page-numbers,
.pg-projects-archive-shell .pagination {
    margin-top: 28px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.pg-projects-archive-shell .page-numbers a,
.pg-projects-archive-shell .page-numbers span {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 1px solid #E4E7EC !important;
    background: #fff !important;
    color: #344054 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pg-projects-archive-shell .page-numbers .current {
    background: linear-gradient(135deg, #7C3AED, #6D28D9) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 991px) {
    .pg-projects-archive-shell .project-item,
    .pg-projects-archive-shell .project-wrapper,
    .pg-projects-archive-shell .type-project,
    .pg-projects-archive-shell article.project,
    .pg-projects-archive-shell .project-list-item {
        padding: 18px !important;
    }

    .pg-projects-archive-shell .project-item .inner,
    .pg-projects-archive-shell .project-wrapper .inner,
    .pg-projects-archive-shell .type-project .inner,
    .pg-projects-archive-shell article.project .inner {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .pg-projects-archive-shell .price,
    .pg-projects-archive-shell .project-price,
    .pg-projects-archive-shell .budget,
    .pg-projects-archive-shell .project-budget,
    .pg-projects-archive-shell .price-wrapper {
        min-width: 0 !important;
        text-align: left !important;
        font-size: 24px !important;
        margin-top: 8px !important;
    }

    .pg-projects-archive-shell .action,
    .pg-projects-archive-shell .project-action,
    .pg-projects-archive-shell .actions,
    .pg-projects-archive-shell .right {
        min-width: 0 !important;
        align-items: stretch !important;
        margin-top: 10px !important;
    }

    .pg-projects-archive-shell .btn,
    .pg-projects-archive-shell .btn-theme,
    .pg-projects-archive-shell .button,
    .pg-projects-archive-shell .send-proposal,
    .pg-projects-archive-shell a[class*="proposal"] {
        width: 100% !important;
    }

    .pg-projects-archive-shell .title,
    .pg-projects-archive-shell .project-title,
    .pg-projects-archive-shell h2,
    .pg-projects-archive-shell h3,
    .pg-projects-archive-shell h4 {
        font-size: 18px !important;
    }
}


/* =========================
   Paktograf - Custom project archive cards
========================= */

.pg-projects-custom-archive {
    margin-top: 22px;
}

.pg-projects-custom-toolbar {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.pg-projects-custom-count {
    color: #667085;
    font-size: 14px;
}

.pg-projects-custom-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pg-projects-custom-tabs a {
    height: 38px;
    padding: 0 16px;
    border: 1px solid #eaecf0;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
}

.pg-projects-custom-tabs a.is-active {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff;
    border-color: transparent;
}

.pg-projects-custom-sort select {
    height: 42px;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    background: #fff;
    color: #344054;
    font-size: 14px;
    font-weight: 700;
    padding: 0 14px;
}

.pg-projects-custom-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pg-project-card {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 280px;
    gap: 20px;
    align-items: center;

    padding: 22px;
    border: 1px solid #eaecf0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.pg-project-card:hover {
    border-color: #d6bbfb;
    box-shadow: 0 18px 42px rgba(124, 58, 237, 0.09);
    transform: translateY(-1px);
}

.pg-project-card__main-link {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 24px;
}

.pg-project-card__icon,
.pg-project-card__content,
.pg-project-card__side {
    position: relative;
    z-index: 2;
}

.pg-project-card__icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: #f4ebff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 25px;
}

.pg-project-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pg-project-card__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.pg-project-card__top h2 {
    margin: 0;
    color: #101828;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.pg-project-card__top h2 a {
    color: inherit;
    text-decoration: none !important;
}

.pg-project-card__badge {
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f4ebff;
    color: #6d28d9;
    font-size: 12px;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.pg-project-card__description {
    margin: 0 0 12px;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

.pg-project-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    color: #667085;
    font-size: 13px;
    font-weight: 600;
}

.pg-project-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.pg-project-card__side {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    border-left: 1px solid #eaecf0;
    padding-left: 22px;
}

.pg-project-card__budget span {
    display: block;
    margin-bottom: 3px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
}

.pg-project-card__budget strong {
    color: #101828;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.pg-project-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pg-project-card__btn {
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none !important;
}

.pg-project-card__btn--ghost {
    background: #fff;
    color: #7c3aed !important;
    border: 1px solid #d6bbfb;
}

.pg-project-card__btn--primary {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff !important;
    border: 1px solid transparent;
    box-shadow: 0 12px 26px rgba(124, 58, 237, 0.18);
}

.pg-project-card__btn--primary:hover {
    background: linear-gradient(135deg, #6d28d9, #5b21b6);
}

/* Category badge color accents */
.pg-project-card.pg-cat-ugostiteljstvo .pg-project-card__icon,
.pg-project-card.pg-cat-ugostiteljstvo .pg-project-card__badge {
    background: #fff7e6;
    color: #b45309;
}

.pg-project-card.pg-cat-elektrika .pg-project-card__icon,
.pg-project-card.pg-cat-elektrika .pg-project-card__badge {
    background: #ecfdf3;
    color: #047857;
}

.pg-project-card.pg-cat-it-i-programiranje .pg-project-card__icon,
.pg-project-card.pg-cat-it-i-programiranje .pg-project-card__badge,
.pg-project-card.pg-cat-dizajn-i-grafika .pg-project-card__icon,
.pg-project-card.pg-cat-dizajn-i-grafika .pg-project-card__badge {
    background: #f4ebff;
    color: #6d28d9;
}

.pg-project-card.pg-cat-dostava .pg-project-card__icon,
.pg-project-card.pg-cat-dostava .pg-project-card__badge,
.pg-project-card.pg-cat-transport .pg-project-card__icon,
.pg-project-card.pg-cat-transport .pg-project-card__badge {
    background: #eff8ff;
    color: #175cd3;
}

.pg-project-card.pg-cat-ciscenje .pg-project-card__icon,
.pg-project-card.pg-cat-ciscenje .pg-project-card__badge,
.pg-project-card.pg-cat-ciscenje .pg-project-card__icon,
.pg-project-card.pg-cat-ciscenje .pg-project-card__badge {
    background: #f0fdfa;
    color: #0f766e;
}

.pg-projects-custom-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
}

.pg-projects-custom-pagination .page-numbers {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid #eaecf0;
    background: #fff;
    color: #344054;
    font-size: 14px;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.pg-projects-custom-pagination .page-numbers.current {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff;
    border-color: transparent;
}

.pg-projects-empty {
    padding: 40px;
    border: 1px solid #eaecf0;
    border-radius: 24px;
    background: #fff;
    text-align: center;
}

.pg-projects-empty h3 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 24px;
    font-weight: 900;
}

.pg-projects-empty p {
    margin: 0;
    color: #667085;
}

/* Mobile */
@media (max-width: 991px) {
    .pg-projects-custom-toolbar {
        grid-template-columns: 1fr;
    }

    .pg-projects-custom-tabs {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .pg-project-card {
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: start;
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
    }

    .pg-project-card__icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        font-size: 22px;
    }

    .pg-project-card__side {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid #eaecf0;
        padding-left: 0;
        padding-top: 14px;
    }

    .pg-project-card__actions {
        grid-template-columns: 1fr;
    }

    .pg-project-card__top {
        display: block;
    }

    .pg-project-card__top h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .pg-project-card__budget strong {
        font-size: 22px;
    }
}


/* Currency suffix - span verzija, bez button stylinga */
.pg-post-project-page .pg-price-currency-wrap {
    position: relative !important;
}

.pg-post-project-page .pg-price-currency-wrap input[type="text"],
.pg-post-project-page .pg-price-currency-wrap input[type="number"] {
    padding-right: 96px !important;
}

.pg-post-project-page .pg-price-currency-trigger {
    position: absolute !important;
    right: 32px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: rgba(16, 24, 40, 0.48) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    z-index: 10 !important;
    user-select: none !important;
}

.pg-post-project-page .pg-price-currency-trigger:hover,
.pg-post-project-page .pg-price-currency-trigger:focus {
    color: rgba(16, 24, 40, 0.75) !important;
    outline: none !important;
}

.pg-post-project-page .pg-price-currency-flag {
    font-size: 15px !important;
    line-height: 1 !important;
    opacity: 0.85 !important;
}

.pg-post-project-page .pg-price-currency-code {
    color: inherit !important;
}


/* Currency wrapper */
.pg-post-project-page .pg-price-currency-wrap {
    position: relative !important;
}

.pg-post-project-page .pg-price-currency-wrap input[type="text"],
.pg-post-project-page .pg-price-currency-wrap input[type="number"] {
    padding-right: 120px !important;
}

/* Trigger inside input */
.pg-post-project-page .pg-price-currency-trigger {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;

    cursor: pointer !important;
    user-select: none !important;
    z-index: 5 !important;

    color: rgba(16, 24, 40, 0.52) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.pg-post-project-page .pg-price-currency-trigger:hover,
.pg-post-project-page .pg-price-currency-trigger:focus {
    color: rgba(16, 24, 40, 0.78) !important;
    outline: none !important;
}

.pg-post-project-page .pg-price-currency-flag,
.pg-post-project-page .pg-price-currency-code,
.pg-post-project-page .pg-price-currency-caret {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

.pg-post-project-page .pg-price-currency-flag {
    font-size: 16px !important;
}

.pg-post-project-page .pg-price-currency-code {
    font-size: 15px !important;
    font-weight: 800 !important;
}

.pg-post-project-page .pg-price-currency-caret {
    color: rgba(16, 24, 40, 0.42) !important;
    transition: transform 0.18s ease, color 0.18s ease !important;
}

.pg-post-project-page .pg-price-currency-trigger[aria-expanded="true"] .pg-price-currency-caret {
    transform: rotate(180deg) !important;
    color: rgba(16, 24, 40, 0.70) !important;
}

/* Mini dropdown */
.pg-post-project-page .pg-price-currency-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 20px !important;
    min-width: 140px !important;

    background: #fff !important;
    border: 1px solid #dbe2ea !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.10) !important;

    padding: 8px !important;
    z-index: 30 !important;
}

.pg-post-project-page .pg-price-currency-menu[hidden] {
    display: none !important;
}

.pg-post-project-page .pg-price-currency-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 10px 12px !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    color: #101828 !important;
    cursor: pointer !important;
    transition: background 0.16s ease, color 0.16s ease !important;
}

.pg-post-project-page .pg-price-currency-option:hover {
    background: #f6f2ff !important;
    color: #6f35f5 !important;
}

.pg-post-project-page .pg-price-currency-option.is-active {
    background: #f3edff !important;
    color: #6f35f5 !important;
}


/* Currency suffix - stop vertical jump on open */
.pg-post-project-page .pg-price-currency-wrap {
    position: relative !important;
}

/* BAM uvijek centriraj prema inputu, ne prema cijelom wrapperu */
.pg-post-project-page .pg-price-currency-trigger {
    position: absolute !important;
    right: 32px !important;
    top: 30px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: rgba(16, 24, 40, 0.52) !important;
    line-height: 1 !important;
    z-index: 20 !important;
}

/* Kad je otvoren, ne smije mijenjati poziciju */
.pg-post-project-page .pg-price-currency-trigger[aria-expanded="true"] {
    top: 32px !important;
    transform: translateY(-50%) !important;
}

/* Dropdown mora plutati i ne smije širiti/pomicati wrapper */
.pg-post-project-page .pg-price-currency-menu {
    position: absolute !important;
    right: 18px !important;
    top: 66px !important;
    bottom: auto !important;

    display: block !important;
    min-width: 138px !important;

    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid #eaecf0 !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 34px rgba(16, 24, 40, 0.10) !important;

    z-index: 50 !important;
}

.pg-post-project-page .pg-price-currency-menu[hidden] {
    display: none !important;
}

/* Poravnanje chevrona */
.pg-post-project-page .pg-price-currency-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: translateY(1px) !important;
}

.pg-post-project-page .pg-price-currency-trigger[aria-expanded="true"] .pg-price-currency-caret {
    transform: translateY(1px) rotate(180deg) !important;
}

/* Currency suffix - mobile alignment + darker text */
@media (max-width: 767px) {
    .pg-post-project-page .pg-price-currency-trigger {
        top: 29px !important;
        right: 24px !important;

        color: rgba(16, 24, 40, 0.82) !important;
        font-size: 14px !important;
        font-weight: 850 !important;
    }

    .pg-post-project-page .pg-price-currency-trigger[aria-expanded="true"] {
        top: 29px !important;
        color: rgba(16, 24, 40, 0.92) !important;
    }

    .pg-post-project-page .pg-price-currency-flag {
        font-size: 14px !important;
        opacity: 1 !important;
    }

    .pg-post-project-page .pg-price-currency-code {
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    .pg-post-project-page .pg-price-currency-caret {
        color: rgba(16, 24, 40, 0.72) !important;
    }

    .pg-post-project-page .pg-price-currency-menu {
        top: 58px !important;
        right: 12px !important;
    }

    .pg-post-project-page .pg-price-currency-wrap input[type="text"],
    .pg-post-project-page .pg-price-currency-wrap input[type="number"] {
        padding-right: 105px !important;
    }
}

/* Budget number input - hide browser arrows */
.pg-post-project-page .pg-price-currency-wrap input[type="number"]::-webkit-outer-spin-button,
.pg-post-project-page .pg-price-currency-wrap input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.pg-post-project-page .pg-price-currency-wrap input[type="number"] {
    -moz-appearance: textfield !important;
}


/* =========================
   Project title suggestions
========================= */

.pg-title-suggestions {
    margin-top: 12px;
}

.pg-title-suggestions__label {
    margin-bottom: 8px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.pg-title-suggestions__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pg-title-suggestions__chip {
    min-height: 34px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #eadcff;
    border-radius: 999px;
    background: #fbf7ff;

    color: #6d28d9;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;

    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.pg-title-suggestions__chip:hover,
.pg-title-suggestions__chip:focus {
    background: #f3e8ff;
    border-color: #d6bbfb;
    color: #5b21b6;
    outline: none;
}

.pg-title-suggestions__chip:active {
    background: #eadcff;
}

/* Mobile: chips horizontalno skrolanje, bez ružnog preloma */
@media (max-width: 767px) {
    .pg-title-suggestions__chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .pg-title-suggestions__chips::-webkit-scrollbar {
        display: none;
    }

    .pg-title-suggestions__chip {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}


/* =========================
   Project title dropdown suggestions
========================= */

.pg-title-suggest-wrap {
    position: relative !important;
}

.pg-title-suggest-input-open {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10) !important;
}

.pg-title-suggest-panel {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;

    background: #ffffff !important;
    border: 1px solid #eadcff !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.12) !important;

    padding: 10px !important;
    z-index: 80 !important;
}

.pg-title-suggest-panel[hidden] {
    display: none !important;
}

.pg-title-suggest-panel__head {
    padding: 8px 10px 10px !important;
    border-bottom: 1px solid #f2f4f7 !important;
    margin-bottom: 6px !important;
}

.pg-title-suggest-panel__head span {
    display: block !important;
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.pg-title-suggest-panel__head small {
    display: block !important;
    margin-top: 2px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.pg-title-suggest-panel__list {
    max-height: 230px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
    -webkit-overflow-scrolling: touch !important;
}

.pg-title-suggest-panel__list::-webkit-scrollbar {
    width: 5px !important;
}

.pg-title-suggest-panel__list::-webkit-scrollbar-thumb {
    background: #d6bbfb !important;
    border-radius: 999px !important;
}

.pg-title-suggest-panel__list::-webkit-scrollbar-track {
    background: transparent !important;
}

.pg-title-suggest-item {
    width: 100% !important;
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;

    padding: 10px 12px !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    text-align: left !important;

    cursor: pointer !important;
}

.pg-title-suggest-item:hover,
.pg-title-suggest-item:focus {
    background: #f7f2ff !important;
    color: #6d28d9 !important;
    outline: none !important;
}

.pg-title-suggest-panel__empty {
    padding: 14px 12px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Sakrij stare chip suggestione ako su ostali u CSS-u/DOM-u */
.pg-title-suggestions {
    display: none !important;
}

@media (max-width: 767px) {
    .pg-title-suggest-panel {
        top: calc(100% + 8px) !important;
        border-radius: 16px !important;
        padding: 8px !important;
    }

    .pg-title-suggest-panel__list {
        max-height: 260px !important;
    }

    .pg-title-suggest-item {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}


/* Title suggestions - Paktograf polish */
.pg-title-suggest-panel {
    border: 1px solid #e7d7ff !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffefe 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 22px 48px rgba(16, 24, 40, 0.12), 0 8px 20px rgba(124, 58, 237, 0.08) !important;
    padding: 12px !important;
}

.pg-title-suggest-panel__head {
    padding: 10px 12px 12px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid #f0e7ff !important;
}

.pg-title-suggest-panel__head span {
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
}

.pg-title-suggest-panel__head small {
    color: #7b7280 !important;
    font-size: 12px !important;
}

.pg-title-suggest-panel__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    max-height: 238px !important;
}

.pg-title-suggest-item {
    min-height: 44px !important;
    padding: 11px 14px !important;

    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: #fbf9ff !important;

    color: #2f2a3a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;

    justify-content: flex-start !important;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.pg-title-suggest-item::before {
    content: "↗";
    width: 24px;
    height: 24px;
    margin-right: 10px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;
    background: #f3e8ff;
    color: #7c3aed;

    font-size: 13px;
    font-weight: 900;
    flex-shrink: 0;
}

.pg-title-suggest-item:hover,
.pg-title-suggest-item:focus {
    background: #f5efff !important;
    border-color: #d8c4ff !important;
    color: #5b21b6 !important;
    transform: translateY(-1px) !important;
}

.pg-title-suggest-item:hover::before,
.pg-title-suggest-item:focus::before {
    background: #7c3aed;
    color: #ffffff;
}

.pg-title-suggest-panel__empty {
    border-radius: 14px !important;
    background: #f9fafb !important;
    color: #667085 !important;
}


/* =========================
   Project duration calculator
========================= */

.pg-duration-calculator {
    margin-top: 12px;
    padding: 14px 16px;

    display: flex;
    align-items: flex-start;
    gap: 12px;

    border: 1px solid #eadcff;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #fbf7ff 100%);
}

.pg-duration-calculator__icon {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: #f3e8ff;
    flex-shrink: 0;
    font-size: 18px;
}

.pg-duration-calculator__content {
    min-width: 0;
}

.pg-duration-calculator__label {
    display: block;
    margin-bottom: 3px;

    color: #667085;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.pg-duration-calculator__result {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.4;
}

.pg-duration-calculator small {
    display: block;

    color: #667085;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

.pg-duration-calculator.is-active {
    border-color: #d6bbfb;
    background: linear-gradient(135deg, #ffffff 0%, #f7f2ff 100%);
}

.pg-duration-calculator.is-active .pg-duration-calculator__result {
    color: #6d28d9;
}

/* Sakrij number arrows za trajanje */
.pg-post-project-page input[type="number"]::-webkit-outer-spin-button,
.pg-post-project-page input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.pg-post-project-page input[type="number"] {
    -moz-appearance: textfield !important;
}

@media (max-width: 767px) {
    .pg-duration-calculator {
        padding: 13px 14px;
        border-radius: 15px;
    }

    .pg-duration-calculator__icon {
        width: 34px;
        height: 34px;
    }
}

/* Duration calculator - mobile subtle helper */
@media (max-width: 767px) {
    .pg-duration-calculator {
        margin-top: 8px !important;
        padding: 0 !important;

        display: block !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .pg-duration-calculator__icon {
        display: none !important;
    }

    .pg-duration-calculator__label {
        display: none !important;
    }

    .pg-duration-calculator__result {
        margin: 0 !important;

        color: #6d28d9 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.45 !important;
    }

    .pg-duration-calculator small {
        display: none !important;
    }

    .pg-duration-calculator.is-active {
        border: 0 !important;
        background: transparent !important;
    }
}


/* =========================
   Project location smart input
========================= */

.pg-location-smart-ready .pg-location-native-select,
.pg-location-smart-ready .pg-location-native-select2,
.pg-location-smart-ready .select2-container.pg-location-native-select2 {
    display: none !important;
}

.pg-location-smart {
    width: 100%;
}

.pg-location-smart__search {
    position: relative;
    margin-bottom: 14px;
}

.pg-location-smart__search label {
    display: block;
    margin-bottom: 10px;

    color: #101828;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
}

.pg-location-smart__input-wrap {
    position: relative;
}

.pg-location-smart__input {
    width: 100%;
    height: 64px;

    padding: 0 54px 0 22px;

    border: 1px solid #d7dce5;
    border-radius: 18px;
    background: #ffffff;

    color: #101828;
    font-size: 17px;
    font-weight: 700;
    outline: none;

    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.pg-location-smart__input::placeholder {
    color: #98a2b3;
    font-weight: 600;
}

.pg-location-smart__input:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10);
}

.pg-location-smart__icon {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);

    color: #7c3aed;
    font-size: 18px;
    pointer-events: none;
}

.pg-location-smart__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);

    padding: 10px;

    border: 1px solid #eadcff;
    border-radius: 18px;
    background: #ffffff;

    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.12), 0 8px 20px rgba(124, 58, 237, 0.08);

    z-index: 90;
}

.pg-location-smart__dropdown[hidden] {
    display: none !important;
}

.pg-location-smart__list {
    max-height: 250px;
    overflow-y: auto;

    display: flex;
    flex-direction: column;
    gap: 6px;

    padding-right: 4px;

    -webkit-overflow-scrolling: touch;
}

.pg-location-smart__list::-webkit-scrollbar {
    width: 5px;
}

.pg-location-smart__list::-webkit-scrollbar-thumb {
    background: #d6bbfb;
    border-radius: 999px;
}

.pg-location-smart__item {
    width: 100%;
    min-height: 52px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    padding: 10px 14px;

    border: 1px solid transparent;
    border-radius: 14px;
    background: #fbf9ff;

    text-align: left;
    cursor: pointer;

    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.pg-location-smart__item strong {
    color: #101828;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.35;
}

.pg-location-smart__item small {
    margin-top: 2px;

    color: #667085;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

.pg-location-smart__item:hover,
.pg-location-smart__item:focus {
    background: #f5efff;
    border-color: #d8c4ff;
    transform: translateY(-1px);
    outline: none;
}

.pg-location-smart__empty {
    padding: 14px 12px;

    border-radius: 14px;
    background: #f9fafb;

    color: #667085;
    font-size: 13px;
    font-weight: 700;
}

.pg-location-smart__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;

    margin-top: 12px;
}

.pg-location-smart__summary div {
    padding: 12px 14px;

    border: 1px solid #eaecf0;
    border-radius: 16px;
    background: #ffffff;
}

.pg-location-smart__summary span {
    display: block;
    margin-bottom: 3px;

    color: #667085;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pg-location-smart__summary strong {
    display: block;

    color: #101828;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.pg-location-smart__hint {
    margin: 10px 0 0;

    color: #667085;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-location-smart__input {
        height: 58px;
        border-radius: 16px;
        font-size: 15px;
        padding-left: 18px;
        padding-right: 48px;
    }

    .pg-location-smart__summary {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pg-location-smart__summary div {
        padding: 10px 12px;
        border-radius: 14px;
    }

    .pg-location-smart__dropdown {
        border-radius: 16px;
        padding: 8px;
    }

    .pg-location-smart__list {
        max-height: 260px;
    }

    .pg-location-smart__item {
        min-height: 50px;
    }
}


/* Smart location - sakrij original Freeio country/state/city selecte */
.pg-location-smart-ready .cmb-td > *:not(.pg-location-smart):not(.pg-field-error) {
    display: none !important;
}

/* dodatno, ako select2 nije direktni child */
.pg-location-smart-ready .select2,
.pg-location-smart-ready .select2-container,
.pg-location-smart-ready select.pg-location-native-select {
    display: none !important;
}


/* Smart location - prefilled from profile */
.pg-location-smart.is-prefilled .pg-location-smart__input {
    border-color: #d6bbfb !important;
    background: #fff !important;
}

.pg-location-smart.is-prefilled .pg-location-smart__hint {
    color: #6d28d9 !important;
    font-weight: 700 !important;
}

/* =========================
   Project upload fields polish
========================= */

.pg-upload-polished {
    margin-top: 28px !important;
}

.pg-upload-polished .cmb-th,
.pg-upload-polished .cmb-td {
    width: 100% !important;
}

.pg-upload-polished .cmb-th label,
.pg-upload-polished > label {
    color: #101828 !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
}

.pg-upload-context {
    max-width: 760px;
    margin: 12px 0 16px;
    padding: 15px 16px;

    display: flex;
    align-items: flex-start;
    gap: 12px;

    border: 1px solid #eadcff;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fbf7ff 100%);
}

.pg-upload-context__icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;
    background: #f3e8ff;

    font-size: 18px;
    flex-shrink: 0;
}

.pg-upload-context__content {
    min-width: 0;
}

.pg-upload-context__content strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.35;
}

.pg-upload-context__content span {
    display: block;

    color: #667085;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

/* CMB2 upload area/buttons */
.pg-upload-polished .cmb2-upload-button,
.pg-upload-polished .button,
.pg-upload-polished button,
.pg-upload-polished input[type="button"],
.pg-upload-polished .pg-upload-btn {
    min-width: 180px !important;
    min-height: 54px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 22px !important;

    border: 1px dashed #7c3aed !important;
    border-radius: 16px !important;
    background: #fbf7ff !important;

    color: #5b21b6 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.pg-upload-polished .cmb2-upload-button:hover,
.pg-upload-polished .button:hover,
.pg-upload-polished button:hover,
.pg-upload-polished input[type="button"]:hover,
.pg-upload-polished .pg-upload-btn:hover {
    background: #f3e8ff !important;
    border-color: #6d28d9 !important;
    color: #4c1d95 !important;
    transform: translateY(-1px) !important;
}

/* Helper text under upload */
.pg-upload-polished .cmb2-metabox-description,
.pg-upload-polished .pg-upload-help,
.pg-upload-polished small {
    display: block !important;
    margin-top: 10px !important;

    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Uploaded files/images list */
.pg-upload-polished .cmb2-media-status,
.pg-upload-polished .cmb2-upload-file {
    margin-top: 12px !important;
}

.pg-upload-polished .cmb2-media-item,
.pg-upload-polished .img-status {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-upload-polished {
        margin-top: 24px !important;
    }

    .pg-upload-polished .cmb-th label,
    .pg-upload-polished > label {
        font-size: 17px !important;
    }

    .pg-upload-context {
        margin-top: 10px;
        padding: 13px 14px;
        border-radius: 16px;
        gap: 10px;
    }

    .pg-upload-context__icon {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        font-size: 16px;
    }

    .pg-upload-context__content strong {
        font-size: 13px;
    }

    .pg-upload-context__content span {
        font-size: 12px;
    }

    .pg-upload-polished .cmb2-upload-button,
    .pg-upload-polished .button,
    .pg-upload-polished button,
    .pg-upload-polished input[type="button"],
    .pg-upload-polished .pg-upload-btn {
        width: 100% !important;
        min-height: 52px !important;
        border-radius: 15px !important;
    }
}


/* =========================
   Project description helper
========================= */

.pg-description-helper {
    margin-top: 12px;
    padding: 15px 16px;

    display: flex;
    align-items: flex-start;
    gap: 12px;

    border: 1px solid #eadcff;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fbf7ff 100%);
}

.pg-description-helper__icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 13px;
    background: #f3e8ff;

    font-size: 18px;
}

.pg-description-helper__content {
    min-width: 0;
}

.pg-description-helper__content strong {
    display: block;
    margin-bottom: 7px;

    color: #101828;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.35;
}

.pg-description-helper__content ul {
    margin: 0;
    padding-left: 18px;

    color: #667085;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

.pg-description-helper__content li {
    margin: 2px 0;
}

/* Mobile: diskretnije */
@media (max-width: 767px) {
    .pg-description-helper {
        padding: 13px 14px;
        border-radius: 16px;
        gap: 10px;
    }

    .pg-description-helper__icon {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        font-size: 16px;
    }

    .pg-description-helper__content strong {
        font-size: 13px;
    }

    .pg-description-helper__content ul {
        font-size: 12px;
        line-height: 1.5;
    }
}

/* Mobile: sakrij footer */
@media (max-width: 767px) {
    footer,
    .site-footer,
    #footer,
    .footer,
    .apus-footer,
    #apus-footer {
        display: none !important;
    }
}


/* Project archive meta row polish */
.pg-project-card__meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
}

.pg-project-card__meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;

    min-width: 0 !important;
}

.pg-project-card__meta-item i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;

    flex: 0 0 auto !important;
    font-style: normal !important;
}

/* Lokacija kao suptilan pill */
.pg-project-card__meta-item--location {
    max-width: 270px !important;
    padding: 6px 10px !important;

    border: 1px solid #eadcff !important;
    border-radius: 999px !important;
    background: #fbf7ff !important;

    color: #5b6475 !important;
}

.pg-project-card__meta-item--location span {
    display: block !important;
    min-width: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pg-project-card__meta-item--category {
    color: #475467 !important;
}

.pg-project-card__meta-item--time {
    color: #7a8496 !important;
}

@media (max-width: 767px) {
    .pg-project-card__meta {
        gap: 8px !important;
        margin-top: 12px !important;
    }

    .pg-project-card__meta-item {
        font-size: 12px !important;
    }

    .pg-project-card__meta-item--location {
        max-width: 190px !important;
        padding: 5px 9px !important;
    }
}


/* Project archive - competition signal */
.pg-project-card__meta-item--competition {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #eadcff !important;
    background: #fbf7ff !important;
}

.pg-project-card__meta-item--competition > span {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    line-height: 1.15 !important;
}

.pg-project-card__meta-item--competition strong {
    color: #101828 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.pg-project-card__meta-item--competition small {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
}

.pg-project-card__meta-item--competition.is-low {
    background: #f7f2ff !important;
    border-color: #e4d4ff !important;
}

.pg-project-card__meta-item--competition.is-low strong {
    color: #6d28d9 !important;
}

.pg-project-card__meta-item--competition.is-medium {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}

.pg-project-card__meta-item--competition.is-medium strong {
    color: #c2410c !important;
}

.pg-project-card__meta-item--competition.is-high {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.pg-project-card__meta-item--competition.is-high strong {
    color: #be123c !important;
}

@media (max-width: 767px) {
    .pg-project-card__meta-item--competition {
        padding: 5px 9px !important;
    }

    .pg-project-card__meta-item--competition strong {
        font-size: 11px !important;
    }

    .pg-project-card__meta-item--competition small {
        font-size: 9px !important;
    }
}

/* =========================
   Paktograf desktop footer
========================= */

/* Sakrij postojeći Freeio/footer samo na desktopu */
@media (min-width: 768px) {
    body > footer:not(.pg-site-footer),
    .site-footer:not(.pg-site-footer),
    #footer:not(.pg-site-footer),
    .footer:not(.pg-site-footer),
    .apus-footer:not(.pg-site-footer),
    #apus-footer:not(.pg-site-footer) {
        display: none !important;
    }
}

.pg-site-footer {
    display: none;
}

@media (min-width: 768px) {
    .pg-site-footer {
        display: block;
        width: 100%;
        /*
        margin-top: 72px;*/
        padding: 0;
        /*
        border-top: 4px solid #6d28d9; */
        background: #101828;
        color: #ffffff;
    }

    .pg-site-footer__inner {
        max-width: 1440px;
        margin: 0 auto;
        padding: 56px 96px;

        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 48px;
    }

    .pg-site-footer__brand {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .pg-site-footer__brand strong {
        color: #ffffff;
        font-size: 32px;
        font-weight: 950;
        line-height: 1.1;
        letter-spacing: -0.04em;
    }

    .pg-site-footer__brand span {
        color: #98a2b3;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
    }

    .pg-site-footer__nav {
        display: flex;
        align-items: center;
        gap: 36px;

        padding-top: 18px;
        flex-wrap: wrap;
    }

    .pg-site-footer__nav a {
        color: #98a2b3;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.3;
        text-decoration: none;

        transition: color 0.16s ease;
    }

    .pg-site-footer__nav a:hover,
    .pg-site-footer__nav a:focus {
        color: #ffffff;
        text-decoration: none;
    }
}

/* Tablet malo kompaktnije */
@media (min-width: 768px) and (max-width: 1100px) {
    .pg-site-footer__inner {
        padding: 44px 40px;
    }

    .pg-site-footer__nav {
        gap: 22px;
    }

    .pg-site-footer__brand strong {
        font-size: 28px;
    }

    .pg-site-footer__brand span,
    .pg-site-footer__nav a {
        font-size: 15px;
    }
}

/* Mobile: footer ostaje sakriven */
@media (max-width: 767px) {
    .pg-site-footer {
        display: none !important;
    }
}


/* Paktograf footer - ukloni bijeli prostor ispod footera na desktopu */
@media (min-width: 768px) {
    html,
    body {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    .pg-site-footer {
        margin-bottom: 0 !important;
    }

    .pg-site-footer + * {
        margin-top: 0 !important;
    }

    body > *:last-child {
        margin-bottom: 0 !important;
    }

    .apus-wrapper,
    .site,
    .site-content,
    .main-page,
    .main-content,
    #page {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* Project card - posted time near title */
.pg-project-card__top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.pg-project-card__title-wrap {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.pg-project-card__posted {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    flex: 0 0 auto !important;

    margin-top: 4px !important;
    padding: 6px 10px !important;

    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #eaecf0 !important;

    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.pg-project-card__posted i {
    font-style: normal !important;
    opacity: 0.8 !important;
}

/* Pošto više nema time itema dole, meta red može biti malo bliže */
.pg-project-card__meta {
    margin-top: 16px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-project-card__top {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 7px !important;
    }

    .pg-project-card__title-wrap {
        gap: 8px !important;
    }

    .pg-project-card__posted {
        margin-top: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #7a8496 !important;
        font-size: 12px !important;
        font-weight: 750 !important;
    }

    .pg-project-card__meta {
        margin-top: 12px !important;
    }
}


/* =========================
   Paktograf single project redesign
   Navbar/footer untouched
========================= */

body.single-project {
    background: #fbf9ff !important;
}

/* Sakrij breadcrumb i stari sadržaj */
body.single-project .pg-single-old-hidden,
body.single-project .apus-breadscrumb,
body.single-project .breadcrumb,
body.single-project .breadcrumbs,
body.single-project .woocommerce-breadcrumb {
    display: none !important;
}

/* Wrapper */
.pg-single-redesign {
    max-width: 1180px;
    margin: 28px auto 72px;
    padding: 0 24px;
}

.pg-single-redesign__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}

.pg-single-redesign__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pg-single-redesign__side {
    position: sticky;
    top: 96px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Shared cards */
.pg-single-hero-card,
.pg-single-card,
.pg-single-side-card {
    border: 1px solid #eaecf0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(16, 24, 40, 0.055);
}

/* Hero */
.pg-single-hero-card {
    padding: 26px;

    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 22px;
}

.pg-single-hero-card__icon {
    width: 76px;
    height: 76px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;
    background: #f3e8ff;

    color: #6d28d9;
    font-size: 32px;
}

.pg-single-hero-card__title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.pg-single-hero-card h1 {
    margin: 0 0 10px !important;

    color: #101828 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
}

.pg-single-category-pill {
    display: inline-flex;
    width: fit-content;

    padding: 7px 10px;

    border-radius: 999px;
    background: #f3e8ff;

    color: #6d28d9;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.pg-single-verified-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    flex: 0 0 auto;

    padding: 8px 11px;

    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #ecfdf3;

    color: #047857;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.pg-single-hero-card__summary {
    margin: 22px 0 24px;

    color: #475467;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.65;
}

.pg-single-hero-meta {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr 0.4fr 0.8fr;
    gap: 14px;

    padding-top: 4px;
}

.pg-single-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #344054;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.pg-single-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 26px;
}

.pg-single-action-btn {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 0 18px;

    border: 1px solid #dfe3ea;
    border-radius: 12px;
    background: #ffffff;

    color: #101828;
    font-size: 13px;
    font-weight: 850;

    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.pg-single-action-btn:hover,
.pg-single-action-btn.is-saved {
    transform: translateY(-1px);
    border-color: #d8b4fe;
    color: #6d28d9;
    box-shadow: 0 10px 22px rgba(124, 58, 237, 0.10);
}

.pg-single-action-btn--icon {
    width: 46px;
    padding: 0;
    font-size: 20px;
}

/* Main content cards */
.pg-single-card {
    padding: 24px;
}

.pg-single-card h2 {
    margin: 0 0 16px !important;

    color: #101828 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.03em !important;
}

.pg-single-card p {
    margin: 0;

    color: #475467;
    font-size: 15px;
    font-weight: 550;
    line-height: 1.75;
}

/* Details */
.pg-single-details-list {
    display: flex;
    flex-direction: column;
}

.pg-single-details-list > div {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 18px;

    padding: 13px 0;
    border-bottom: 1px solid #f2f4f7;
}

.pg-single-details-list > div:last-child {
    border-bottom: 0;
}

.pg-single-details-list span {
    color: #667085;
    font-size: 13px;
    font-weight: 750;
}

.pg-single-details-list strong {
    color: #101828;
    font-size: 14px;
    font-weight: 850;
}

/* Attachments */
.pg-single-empty-note {
    margin: 0 0 12px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.pg-single-upload-placeholder {
    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border: 1px dashed #d0d5dd;
    border-radius: 14px;
    background: #ffffff;
}

.pg-single-upload-placeholder > span {
    color: #6d28d9;
    font-size: 22px;
}

.pg-single-upload-placeholder strong {
    display: block;
    color: #101828;
    font-size: 13px;
    font-weight: 900;
}

.pg-single-upload-placeholder small {
    display: block;
    margin-top: 2px;
    color: #667085;
    font-size: 11px;
    font-weight: 650;
}

/* Existing proposal content inside our card */
.pg-single-proposals-slot > * {
    max-width: 100% !important;
}

.pg-single-proposals-slot .proposal-item,
.pg-single-proposals-slot .project-proposal-item,
.pg-single-proposals-slot .applicants-list .item,
.pg-single-proposals-slot .list-proposals > div {
    border: 1px solid #eaecf0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* Sidebar cards */
.pg-single-side-card {
    padding: 22px;
}

.pg-single-side-card h3 {
    margin: 0 0 12px;

    color: #101828;
    font-size: 20px;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.pg-single-budget-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.pg-single-budget-card span,
.pg-single-budget-card small {
    display: block;

    color: #667085;
    font-size: 13px;
    font-weight: 650;
}

.pg-single-budget-card strong {
    display: block;
    margin: 8px 0 4px;

    color: #101828;
    font-size: 28px;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-single-budget-card__icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    border-radius: 18px;
    background: #f3e8ff;

    color: #6d28d9;
    font-size: 24px;
}

/* Stats */
.pg-single-stats-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 18px;
}

.pg-single-stats-card > div {
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;

    padding: 4px 10px;
    text-align: center;

    border-right: 1px solid #f2f4f7;
}

.pg-single-stats-card > div:last-child {
    border-right: 0;
}

.pg-single-stats-card span {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;
    background: #f3e8ff;

    color: #6d28d9;
    font-size: 16px;
}

.pg-single-stats-card strong {
    color: #101828;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
}

.pg-single-stats-card small {
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

/* Proposal form card */
.pg-single-form-card {
    border-color: #d8b4fe;
    box-shadow: 0 20px 48px rgba(124, 58, 237, 0.10);
}

.pg-single-form-card__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;

    margin-bottom: 18px;
}

.pg-single-form-card__head p {
    margin: 0;

    color: #667085;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}

.pg-single-form-card__head > span {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    border-radius: 18px;
    background: linear-gradient(135deg, #7c3aed, #c026d3);

    color: #ffffff;
    font-size: 22px;
    font-weight: 950;

    box-shadow: 0 16px 34px rgba(124, 58, 237, 0.22);
}

.pg-single-form-slot form {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.pg-single-form-slot label {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    margin-bottom: 7px !important;
}

.pg-single-form-slot input[type="text"],
.pg-single-form-slot input[type="number"],
.pg-single-form-slot input[type="email"],
.pg-single-form-slot textarea,
.pg-single-form-slot select,
.pg-single-form-field {
    width: 100% !important;

    border: 1px solid #d7dce5 !important;
    border-radius: 15px !important;
    background: #ffffff !important;

    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 650 !important;

    box-shadow: none !important;
}

.pg-single-form-slot input[type="text"],
.pg-single-form-slot input[type="number"],
.pg-single-form-slot input[type="email"],
.pg-single-form-slot select {
    min-height: 52px !important;
    padding: 0 15px !important;
}

.pg-single-form-slot textarea {
    min-height: 140px !important;
    padding: 14px 15px !important;
}

.pg-single-form-slot input:focus,
.pg-single-form-slot textarea:focus,
.pg-single-form-slot select:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10) !important;
    outline: none !important;
}

.pg-single-form-slot input[type="submit"],
.pg-single-form-slot button[type="submit"],
.pg-single-form-slot .btn-theme,
.pg-single-submit-button {
    width: 100% !important;
    min-height: 56px !important;

    margin-top: 14px !important;
    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9 54%, #c026d3) !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;

    box-shadow: 0 18px 38px rgba(124, 58, 237, 0.24) !important;
    cursor: pointer !important;
}

.pg-single-form-note {
    margin: 14px 0 0 !important;

    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Trust */
.pg-single-trust-card__icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border-radius: 15px;
    background: #f3e8ff;

    color: #6d28d9;
    font-size: 20px;
}

.pg-single-trust-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pg-single-trust-card li {
    position: relative;

    padding: 8px 0 8px 22px;

    color: #667085;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}

.pg-single-trust-card li::before {
    content: "✓";

    position: absolute;
    left: 0;
    top: 8px;

    color: #7c3aed;
    font-weight: 950;
}

.pg-single-trust-card a {
    display: inline-flex;
    margin-top: 12px;

    color: #6d28d9;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 980px) {
    .pg-single-redesign__grid {
        grid-template-columns: 1fr;
    }

    .pg-single-redesign__side {
        position: static;
    }
}

@media (max-width: 767px) {
    .pg-single-redesign {
        margin: 18px auto 36px;
        padding: 0 14px;
    }

    .pg-single-redesign__grid {
        gap: 18px;
    }

    .pg-single-hero-card {
        grid-template-columns: 1fr;
        padding: 20px;
        border-radius: 20px;
    }

    .pg-single-hero-card__icon {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }

    .pg-single-hero-card__title-row {
        flex-direction: column;
        gap: 12px;
    }

    .pg-single-hero-card h1 {
        font-size: 26px !important;
    }

    .pg-single-hero-meta {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pg-single-hero-actions {
        flex-wrap: wrap;
    }

    .pg-single-action-btn {
        min-height: 44px;
    }

    .pg-single-card,
    .pg-single-side-card {
        padding: 18px;
        border-radius: 20px;
    }

    .pg-single-details-list > div {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 0;
    }

    .pg-single-stats-card {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pg-single-stats-card > div {
        border-right: 0;
        border-bottom: 1px solid #f2f4f7;
        padding-bottom: 12px;
    }

    .pg-single-stats-card > div:last-child {
        border-bottom: 0;
    }
}


.pg-single-verification-card {
	background: #fff;
}

.pg-single-verification-card__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.pg-single-verification-card__icon {
	width: 42px;
	height: 42px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ecfdf5;
	color: #059669;
	font-weight: 800;
	font-size: 18px;
}

.pg-single-verification-card h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.25;
	color: #111827;
}

.pg-single-verification-card__head span {
	display: inline-flex;
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #ecfdf5;
	color: #047857;
	font-size: 12px;
	font-weight: 800;
}

.pg-single-verification-card p {
	margin: 0 0 16px;
	color: #64748b;
	font-size: 14px;
	line-height: 1.7;
}

.pg-single-verification-levels {
	display: grid;
	gap: 10px;
}

.pg-single-verification-levels div {
	border: 1px solid #edf0f7;
	border-radius: 14px;
	padding: 11px 12px;
	background: #fbfcff;
}

.pg-single-verification-levels div.is-active {
	border-color: #bbf7d0;
	background: #f0fdf4;
}

.pg-single-verification-levels strong {
	display: block;
	color: #111827;
	font-size: 13px;
	margin-bottom: 3px;
}

.pg-single-verification-levels small {
	display: block;
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
}

.pg-single-real-proposal-form {
	margin: 0;
}

.pg-single-real-proposal-form .pg-single-form-row {
	margin-bottom: 16px;
}

.pg-single-real-proposal-form label {
	display: block;
	margin-bottom: 7px;
	color: #334155;
	font-size: 13px;
	font-weight: 800;
}

.pg-single-real-proposal-form .pg-single-form-field {
	width: 100%;
	min-height: 52px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 13px 15px;
	background: #fff;
	color: #0f172a;
	font-size: 14px;
	outline: none;
	box-shadow: none;
}

.pg-single-real-proposal-form textarea.pg-single-form-field {
	min-height: 135px;
	resize: vertical;
}

.pg-single-real-proposal-form .pg-single-form-field:focus {
	border-color: #8b5cf6;
	box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12);
}

.pg-single-real-proposal-form .pg-single-submit-button {
	width: 100%;
	min-height: 56px;
	border: 0;
	border-radius: 16px;
	background: linear-gradient(135deg, #6d28d9 0%, #c026d3 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 900;
	cursor: pointer;
	box-shadow: 0 14px 30px rgba(109, 40, 217, 0.25);
}

.message-notification .unread-count {
    display: inline-block;
    min-width: 17px;
    text-align: center;
    padding: 3px;
    line-height: 1;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    background: #ffc107 !important;
    position: absolute;
    top: -10px;
    right: -10px;
}

/* Paktograf: Freeio poruka kao toast na dnu ekrana */
#wp-freeio-popup-message {
	position: fixed !important;
	left: 50% !important;
	right: auto !important;
	top: auto !important;
	bottom: 28px !important;
	width: auto !important;
	max-width: calc(100vw - 32px) !important;
	z-index: 999999 !important;
	transform: translateX(-50%) !important;
	pointer-events: none;
	animation: pg-freeio-toast 3.2s ease forwards !important;
}

#wp-freeio-popup-message .message-inner,
#wp-freeio-popup-message .alert {
	margin: 0 !important;
	padding: 13px 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #111827 !important;
	color: #ffffff !important;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.28) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	text-align: center !important;
}

@keyframes pg-freeio-toast {
	0% {
		opacity: 0;
		transform: translate(-50%, 14px);
	}

	12% {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	78% {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, 10px);
	}
}


/* =======================================
   PAKTOGRAF SINGLE PROJECT - PONUDE V2
======================================= */

.pg-single-proposals-slot {
	display: grid;
	gap: 16px;
}

.pg-proposal-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 26px !important;
	border: 1px solid #e8edf5 !important;
	border-radius: 24px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.pg-proposal-card__main {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	flex: 1 1 auto;
	min-width: 0;
}

.pg-proposal-card__avatar {
	flex-shrink: 0;
}

.pg-proposal-avatar,
.pg-proposal-avatar-fallback {
	width: 68px !important;
	height: 68px !important;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover !important;
}

.pg-proposal-avatar {
	border: 2px solid #f1f5f9;
	background: #fff;
}

.pg-proposal-avatar-fallback {
	background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.5px;
	box-shadow: 0 12px 26px rgba(124, 58, 237, 0.20);
}

.pg-proposal-card__content {
	min-width: 0;
	flex: 1 1 auto;
}

.pg-proposal-card__top {
	margin-bottom: 8px;
}

.pg-proposal-name {
	margin: 0 0 8px !important;
	color: #0f172a !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.25;
}

.pg-proposal-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pg-proposal-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border-radius: 999px;
	background: #f8fafc;
	color: #64748b;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}

.pg-proposal-message {
	margin: 0;
	color: #475569;
	font-size: 14px;
	line-height: 1.65;
	max-width: 720px;
}

.pg-proposal-card__side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 14px;
	flex-shrink: 0;
	min-width: 190px;
}

.pg-proposal-price-block {
	text-align: right;
}

.pg-proposal-price {
	color: #0f172a;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.1;
	margin-bottom: 4px;
}

.pg-proposal-duration {
	color: #64748b;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.pg-proposal-action {
	display: flex;
	justify-content: flex-end;
}

.pg-proposal-view-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: #111827 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
	box-shadow: none !important;
}

.pg-proposal-view-btn:hover {
	border-color: #c4b5fd !important;
	background: #faf5ff !important;
	color: #6d28d9 !important;
}

@media (max-width: 991px) {
	.pg-proposal-card {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px !important;
	}

	.pg-proposal-card__main {
		width: 100%;
	}

	.pg-proposal-card__side {
		width: 100%;
		min-width: 0;
		align-items: flex-start;
	}

	.pg-proposal-price-block {
		text-align: left;
	}

	.pg-proposal-action {
		width: 100%;
	}

	.pg-proposal-view-btn {
		width: 100%;
	}
}


.item-proposal {
    background: #fff;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border: 0px solid #fff !important;
    border-radius: 4px;
    padding: 0.9375rem;
}


/* Paktograf single project: statistika uvijek 3 u redu i na mobitelu */
.pg-single-stats-card {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0 !important;
	align-items: stretch !important;
}

.pg-single-stats-card > div {
	min-width: 0 !important;
	text-align: center !important;
	padding: 0 10px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.pg-single-stats-card > div:not(:last-child) {
	border-right: 1px solid #edf0f7 !important;
}

.pg-single-stats-card strong {
	font-size: 16px !important;
	line-height: 1.2 !important;
	white-space: normal !important;
}

.pg-single-stats-card small {
	font-size: 12px !important;
	line-height: 1.25 !important;
	white-space: normal !important;
}

@media (max-width: 767px) {
	.pg-single-stats-card {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		padding: 18px 10px !important;
	}

	.pg-single-stats-card > div {
		padding: 0 6px !important;
	}

	.pg-single-stats-card span {
		width: 42px !important;
		height: 42px !important;
		margin-bottom: 8px !important;
		font-size: 18px !important;
	}

	.pg-single-stats-card strong {
		font-size: 14px !important;
	}

	.pg-single-stats-card small {
		font-size: 11px !important;
	}
}


/* Mobile: ponude idu horizontalno, jedna po jedna */
@media (max-width: 767px) {
	.pg-single-proposals-card {
		overflow: hidden;
	}

	.pg-single-proposals-slot {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 14px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
	}

	.pg-single-proposals-slot::-webkit-scrollbar {
		display: none;
	}

	.pg-single-proposals-slot {
		scrollbar-width: none;
	}

	.pg-single-proposals-slot > .pg-proposal-card {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		scroll-snap-align: start;
	}
}

/* Mobile: statistika ostaje 3 u redu, bez border-bottom linija */
@media (max-width: 767px) {
	.pg-single-stats-card > div {
		border-bottom: 0 !important;
	}

	.pg-single-stats-card > div:not(:last-child) {
		border-right: 1px solid #edf0f7 !important;
		border-bottom: 0 !important;
	}

	.pg-single-stats-card > div:last-child {
		border-right: 0 !important;
		border-bottom: 0 !important;
	}
}
/* Mobile proposal modal + CTA — V4 stable */
.pg-mobile-offer-cta,
.pg-mobile-proposal-overlay,
.pg-mobile-proposal-close {
    display: none;
}

@media (max-width: 767px) {
    body.single-project.pg-proposal-modal-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    .pg-mobile-proposal-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 99990 !important;
        display: block !important;
        background: rgba(15, 23, 42, 0.54) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.22s ease;
    }

    .pg-mobile-proposal-overlay.is-visible {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.single-project .pg-single-form-card {
        display: none !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open {
        position: fixed !important;
        inset: 10px !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-direction: column !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: calc(100dvh - 20px) !important;
        margin: 0 !important;
        padding: 18px 16px 16px !important;
        border-radius: 24px !important;
        border: 1px solid rgba(124,58,237,.16) !important;
        background: #ffffff !important;
        box-shadow: 0 28px 90px rgba(15, 23, 42, 0.38) !important;
        overflow: hidden !important;
        transform: none !important;
        animation: pg-mobile-proposal-sheet 0.22s ease both;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-card__head {
        flex: 0 0 auto !important;
        padding: 0 46px 12px 0 !important;
        margin: 0 0 12px !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-card__head h3,
    body.single-project .pg-single-form-card.is-mobile-modal-open h3 {
        margin: 0 0 4px !important;
        color: #101828 !important;
        font-size: 20px !important;
        line-height: 1.16 !important;
        font-weight: 950 !important;
        letter-spacing: -.03em !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-card__head p,
    body.single-project .pg-single-form-card.is-mobile-modal-open p {
        color: #667085 !important;
        font-size: 13px !important;
        line-height: 1.42 !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-slot {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 2px 84px !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open form,
    body.single-project .pg-single-form-card.is-mobile-modal-open .project-proposal-form {
        display: grid !important;
        gap: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .form-group,
    body.single-project .pg-single-form-card.is-mobile-modal-open .cmb-row,
    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-row {
        margin: 0 0 12px !important;
        padding: 0 !important;
        width: 100% !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open label {
        display: block !important;
        margin: 0 0 7px !important;
        color: #111827 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="text"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="number"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="email"],
    body.single-project .pg-single-form-card.is-mobile-modal-open select,
    body.single-project .pg-single-form-card.is-mobile-modal-open textarea,
    body.single-project .pg-single-form-card.is-mobile-modal-open .form-control {
        width: 100% !important;
        min-height: 50px !important;
        border: 1px solid #d9deea !important;
        border-radius: 15px !important;
        background: #fff !important;
        color: #101828 !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        line-height: 1.35 !important;
        box-shadow: none !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="text"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="number"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="email"],
    body.single-project .pg-single-form-card.is-mobile-modal-open select,
    body.single-project .pg-single-form-card.is-mobile-modal-open .form-control {
        padding: 0 14px !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open textarea {
        min-height: 138px !important;
        max-height: 230px !important;
        padding: 13px 14px !important;
        resize: vertical !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="submit"],
    body.single-project .pg-single-form-card.is-mobile-modal-open button[type="submit"],
    body.single-project .pg-single-form-card.is-mobile-modal-open .btn-theme,
    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-submit-button {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 3 !important;
        width: 100% !important;
        min-height: 56px !important;
        margin: 14px 0 0 !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #7c3aed, #6f2cff 52%, #5418d8) !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        box-shadow: 0 18px 38px rgba(111,44,255,.32) !important;
    }

    .pg-mobile-proposal-close {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 5 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: #f1f5f9 !important;
        color: #0f172a !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    .pg-mobile-offer-cta {
        position: fixed !important;
        right: 10px !important;
        bottom: 86px !important;
        z-index: 99980 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: min(58vw, 245px) !important;
        min-height: 72px !important;
        padding: 14px 16px 14px 20px !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 24px !important;
        background: linear-gradient(135deg, #6f2cff 0%, #5b21b6 100%) !important;
        color: #fff !important;
        box-shadow: 0 18px 42px rgba(109, 40, 217, 0.26) !important;
        opacity: 0;
        transform: translateY(16px) scale(0.96);
        pointer-events: none;
        cursor: pointer;
        transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
    }

    .pg-mobile-offer-cta.is-visible {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto !important;
    }

    .pg-mobile-offer-cta__plus { display: none !important; }

    .pg-mobile-offer-cta__text {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        min-width: 0 !important;
    }

    .pg-mobile-offer-cta__text strong,
    .pg-mobile-offer-cta__text small {
        color: #fff !important;
    }

    .pg-mobile-offer-cta__text strong {
        font-size: 15px !important;
        font-weight: 950 !important;
        line-height: 1.1 !important;
    }

    .pg-mobile-offer-cta__text small {
        margin-top: 5px !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        line-height: 1.15 !important;
        opacity: .88 !important;
    }

    .pg-mobile-offer-cta::after {
        content: "→" !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.18) !important;
        color: #ffffff !important;
        font-size: 23px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }
}

/* ================================
   PAKTOGRAF SINGLE - RECENZIJE
================================ */

.pg-single-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 20px;
}

.pg-single-section-head h2 {
	margin: 0 0 6px;
}

.pg-single-section-head p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
}

.pg-single-review-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 7px 12px;
	border-radius: 999px;
	background: #f5f3ff;
	color: #6d28d9;
	font-size: 12px;
	font-weight: 900;
}

.pg-single-review-empty {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 18px;
	border: 1px solid #edf0f7;
	border-radius: 20px;
	background: linear-gradient(135deg, #fbfaff 0%, #ffffff 100%);
	margin-bottom: 18px;
}

.pg-single-review-empty__icon {
	width: 48px;
	height: 48px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #f5f3ff;
	color: #7c3aed;
	font-size: 28px;
	font-weight: 900;
}

.pg-single-review-empty strong {
	display: block;
	margin-bottom: 6px;
	color: #0f172a;
	font-size: 16px;
	font-weight: 900;
}

.pg-single-review-empty p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.7;
}

.pg-single-review-info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.pg-single-review-info-grid > div {
	padding: 15px;
	border: 1px solid #edf0f7;
	border-radius: 18px;
	background: #ffffff;
}

.pg-single-review-info-grid span {
	display: inline-flex;
	margin-bottom: 10px;
	color: #8b5cf6;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.pg-single-review-info-grid strong {
	display: block;
	margin-bottom: 6px;
	color: #0f172a;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
}

.pg-single-review-info-grid small {
	display: block;
	color: #64748b;
	font-size: 12px;
	line-height: 1.55;
}

@media (max-width: 767px) {
	.pg-single-section-head {
		flex-direction: column;
		gap: 10px;
	}

	.pg-single-review-badge {
		align-self: flex-start;
	}

	.pg-single-review-empty {
		padding: 16px;
		border-radius: 18px;
	}

	.pg-single-review-empty__icon {
		width: 42px;
		height: 42px;
		border-radius: 15px;
		font-size: 24px;
	}

	.pg-single-review-info-grid {
		grid-template-columns: 1fr;
	}
}


/* Reviews visual placeholder */
.pg-single-review-placeholder {
	position: relative;
	display: grid;
	gap: 14px;
}

.pg-review-placeholder-card {
	position: relative;
	padding: 18px;
	border: 1px solid #edf0f7;
	border-radius: 20px;
	background: linear-gradient(135deg, #ffffff 0%, #fbfaff 100%);
	overflow: hidden;
}

.pg-review-placeholder-card.is-muted {
	opacity: 0.68;
}

.pg-review-placeholder-top {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 16px;
}

.pg-review-placeholder-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.08);
}

.pg-review-placeholder-name {
	width: 128px;
	height: 12px;
	border-radius: 999px;
	background: #e9e5ff;
	margin-bottom: 9px;
}

.pg-review-placeholder-stars {
	color: #f6b800;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1;
}

.pg-review-placeholder-lines {
	display: grid;
	gap: 9px;
}

.pg-review-placeholder-lines span {
	display: block;
	height: 10px;
	border-radius: 999px;
	background: #eef2f7;
}

.pg-review-placeholder-lines span:nth-child(1) {
	width: 92%;
}

.pg-review-placeholder-lines span:nth-child(2) {
	width: 76%;
}

.pg-review-placeholder-lines span:nth-child(3) {
	width: 54%;
}

.pg-review-placeholder-note {
	margin: 2px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}

@media (max-width: 767px) {
	.pg-review-placeholder-card {
		padding: 16px;
		border-radius: 18px;
	}

	.pg-review-placeholder-stars {
		font-size: 14px;
		letter-spacing: 1.5px;
	}
}

.pg-profile-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
}

.pg-profile-row-icon {
	flex: 0 0 auto !important;
}

.pg-profile-row > span:not(.pg-profile-row-icon):not(.pg-profile-row-count) {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.pg-profile-row-count {
	margin-left: auto !important;
	min-width: 26px;
	height: 26px;
	padding: 0 8px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5f3ff;
	color: #6d28d9;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	flex: 0 0 auto !important;
}

.pg-profile-menu li,
.pg-profile-dropdown li {
	width: 100% !important;
}


.pg-post-project-page .pg-project-required-note {
	display: flex !important;
	gap: 14px !important;
	align-items: flex-start !important;
	width: 100% !important;
	margin: 18px 0 24px !important;
	padding: 16px 18px !important;
	border: 1px solid #fde68a !important;
	border-radius: 20px !important;
	background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%) !important;
	color: #78350f !important;
	box-shadow: 0 12px 28px rgba(146, 64, 14, 0.06) !important;
}

.pg-post-project-page .pg-project-required-note__icon {
	width: 38px !important;
	height: 38px !important;
	border-radius: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	background: #fef3c7 !important;
	font-size: 18px !important;
}

.pg-post-project-page .pg-project-required-note strong {
	display: block !important;
	margin-bottom: 4px !important;
	color: #78350f !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

.pg-post-project-page .pg-project-required-note p {
	margin: 0 !important;
	color: #92400e !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

@media (max-width: 767px) {
	.pg-post-project-page .pg-project-required-note {
		margin: 14px 0 20px !important;
		padding: 14px !important;
		border-radius: 18px !important;
	}

	.pg-post-project-page .pg-project-required-note__icon {
		width: 34px !important;
		height: 34px !important;
		border-radius: 12px !important;
	}
}

.pg-project-preview__image-wrap {
	position: relative;
	width: 100%;
	min-height: 220px;
	margin-bottom: 22px;
	border-radius: 24px;
	overflow: hidden; /*
	background: #f8fafc;
	border: 1px solid #edf0f7; */
}

.pg-project-preview__image {
	display: block;
	width: 100%;
	height: 260px;
	object-fit: cover;
}

.pg-project-preview__image-empty {
	min-height: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
	padding: 28px;
	color: #64748b;
	background: linear-gradient(135deg, #fbfaff 0%, #ffffff 100%);
}

.pg-project-preview__image-empty span {
	width: 54px;
	height: 54px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f3ff;
	font-size: 24px;
	margin-bottom: 4px;
}

.pg-project-preview__image-empty strong {
	color: #0f172a;
	font-size: 15px;
	font-weight: 900;
}

.pg-project-preview__image-empty small {
	color: #64748b;
	font-size: 13px;
}

.pg-is-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.pg-project-preview__image-wrap {
		min-height: 170px;
		border-radius: 20px;
		margin-bottom: 18px;
	}


	.pg-project-preview__image {
		height: 190px;
	}

	.pg-project-preview__image-empty {
		min-height: 170px;
		padding: 22px;
	}
}


/* =========================================================
   PAKTOGRAF — Report project modal FINAL
   ========================================================= */

/* Vanjski Magnific wrapper */
.mfp-wrap .mfp-content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: 760px !important;
}

/* Uklanja vanjski bijeli dupli okvir */
.mfp-wrap .project-report-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 760px !important;
}

/* Prava modal kartica */
.mfp-wrap .project-report-wrapper .inner {
  position: relative !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 64px 70px 50px 50px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(109, 61, 245, 0.10), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22) !important;
}

/* Sakrij default naslov */
.mfp-wrap .project-report-wrapper .widget-title {
  display: none !important;
}

/* Uvodni tekst */
.mfp-wrap .project-report-wrapper .content::before {
  content: "Opišite zašto smatrate da ovaj projekat krši pravila ili sadrži netačne informacije.";
  display: block;
  margin: 0 0 28px;
  padding-right: 95px !important;
  max-width: 100% !important;
  box-sizing: border-box;
  color: #566987;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}

/* X dugme */
.mfp-wrap .project-report-wrapper .close-magnific-popup {
  position: absolute !important;
  top: 26px !important;
  right: 26px !important;
  z-index: 20 !important;
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  background: #f8fafc !important;
  border: 1px solid #edf1f7 !important;
  color: #566987 !important;
  text-decoration: none !important;
}

/* Polja */
.mfp-wrap .project-report-wrapper .form-group {
  margin-bottom: 18px !important;
}

.mfp-wrap .project-report-wrapper .form-control {
  width: 100% !important;
  min-height: 64px;
  border: 1px solid #dfe4ee !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 600;
  box-shadow: none !important;
}

.mfp-wrap .project-report-wrapper textarea.form-control {
  min-height: 210px;
  padding-top: 22px;
  resize: vertical;
}

.mfp-wrap .project-report-wrapper .form-control::placeholder {
  color: #98a2b3 !important;
  font-weight: 700;
}

.mfp-wrap .project-report-wrapper .form-control:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.12) !important;
  outline: none !important;
}

/* Dugme — sakrij originalni Send Report tekst */
.mfp-wrap .project-report-wrapper button[name="submit-report"] {
  position: relative !important;
  min-height: 68px;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(90deg, #7c3aed 0%, #a855f7 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  box-shadow: 0 18px 36px rgba(124, 58, 237, 0.25) !important;
}

/* Prikaži samo naš tekst */
.mfp-wrap .project-report-wrapper button[name="submit-report"]::after {
  content: "Pošalji prijavu";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Sakrij ikonicu */
.mfp-wrap .project-report-wrapper button[name="submit-report"] i,
.mfp-wrap .project-report-wrapper button[name="submit-report"] .next {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .mfp-wrap .mfp-content {
    max-width: calc(100% - 28px) !important;
  }

  .mfp-wrap .project-report-wrapper .inner {
    padding: 52px 22px 28px 22px !important;
    border-radius: 26px !important;
  }

  .mfp-wrap .project-report-wrapper .content::before {
    padding-right: 70px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-bottom: 22px;
  }

  .mfp-wrap .project-report-wrapper .close-magnific-popup {
    top: 16px !important;
    right: 16px !important;
    width: 46px !important;
    height: 46px !important;
  }

  .mfp-wrap .project-report-wrapper .form-control {
    min-height: 56px;
    font-size: 16px !important;
    border-radius: 18px !important;
  }

  .mfp-wrap .project-report-wrapper textarea.form-control {
    min-height: 170px;
  }

  .mfp-wrap .project-report-wrapper button[name="submit-report"] {
    min-height: 58px;
    border-radius: 18px !important;
  }

  .mfp-wrap .project-report-wrapper button[name="submit-report"]::after {
    font-size: 18px !important;
  }
}


/* =========================================================
   PAKTOGRAF - Project start timing field
   ========================================================= */

.pg-start-timing-row {
  margin-top: 18px !important;
}

.pg-start-timing-row .cmb-th label {
  color: #111827;
  font-weight: 800;
}

.pg-start-timing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pg-start-timing-card {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid #e6eaf2;
  border-radius: 18px;
  background: #ffffff;
  cursor: pointer;
  transition: 0.18s ease;
}

.pg-start-timing-card:hover {
  border-color: #d7c9ff;
  transform: translateY(-1px);
}

.pg-start-timing-card.is-selected {
  border-color: #7c3aed;
  background: #fbf9ff;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.08);
}

.pg-start-timing-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pg-start-timing-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 14px;
  background: #f2edff;
  font-size: 18px;
}

.pg-start-timing-card__text strong {
  display: block;
  margin-bottom: 4px;
  color: #111827;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}

.pg-start-timing-card__text small {
  display: block;
  color: #667085;
  font-size: 12.5px;
  line-height: 1.45;
}

@media (max-width: 768px) {
  .pg-start-timing-grid {
    grid-template-columns: 1fr;
  }

  .pg-start-timing-card {
    padding: 14px;
  }
}


/* =========================================================
   PAKTOGRAF — MOJE PONUDE / MY PROPOSALS
   Final dashboard redesign
   Zalijepi NA DNO Additional CSS-a
========================================================= */

.pg-my-proposals-page {
  position: relative !important;
  width: 100% !important;
  min-height: calc(100vh - 80px) !important;
  padding: 64px 0 96px !important;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 34%),
    radial-gradient(circle at 12% 18%, rgba(255, 193, 7, 0.08), transparent 28%),
    linear-gradient(180deg, #fbfaff 0%, #f7f6fb 100%) !important;
}

.pg-my-proposals-page * {
  box-sizing: border-box !important;
}

.pg-my-proposals-inner {
  width: min(1220px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
}

/* Header */
.pg-my-proposals-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 34px !important;
}

.pg-section-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 14px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #f3e8ff !important;
  color: #7c3aed !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.pg-my-proposals-head h1 {
  margin: 0 0 14px !important;
  color: #111827 !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: .96 !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
}

.pg-my-proposals-head p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 19px !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
}

.pg-my-proposals-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 17px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #475467 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
  white-space: nowrap !important;
}

.pg-my-proposals-back:hover {
  background: #f8f3ff !important;
  border-color: #d8b4fe !important;
  color: #7c3aed !important;
  text-decoration: none !important;
}

/* Hide duplicate Freeio title */
.pg-my-proposals-page .widget-proposals > .widget-title {
  display: none !important;
}

/* Widget wrapper */
.pg-my-proposals-page .widget-proposals.box-dashboard-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Search/sort top card */
.pg-my-proposals-page .search-orderby-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 24px !important;
  padding: 18px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.055) !important;
}

.pg-my-proposals-page .search-employer-form,
.pg-my-proposals-page .search-applicants-form,
.pg-my-proposals-page .search-employer-form form,
.pg-my-proposals-page .search-applicants-form form {
  position: relative !important;
  width: min(360px, 100%) !important;
}

.pg-my-proposals-page .search-employer-form input.form-control,
.pg-my-proposals-page .search-applicants-form input.form-control {
  width: 100% !important;
  height: 54px !important;
  padding: 0 54px 0 17px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.pg-my-proposals-page .search-employer-form input.form-control:focus,
.pg-my-proposals-page .search-applicants-form input.form-control:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
  outline: none !important;
}

.pg-my-proposals-page .search-submit {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f5f3ff !important;
  color: #7c3aed !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.pg-my-proposals-page .search-submit i {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.pg-my-proposals-page .sort-employer-form,
.pg-my-proposals-page .sortby-form {
  margin-left: auto !important;
}

.pg-my-proposals-page .orderby-wrapper {
  gap: 10px !important;
}

.pg-my-proposals-page .text-sort {
  color: transparent !important;
  font-size: 0 !important;
}

.pg-my-proposals-page .text-sort::after {
  content: "Sortiraj:";
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.pg-my-proposals-page .select2-container .select2-selection--single {
  height: 54px !important;
  min-width: 150px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.pg-my-proposals-page .select2-container .select2-selection__rendered {
  height: 54px !important;
  padding: 0 42px 0 16px !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 54px !important;
  font-weight: 750 !important;
}

.pg-my-proposals-page .select2-container .select2-selection__arrow {
  height: 54px !important;
  right: 10px !important;
}

/* Inner list */
.pg-my-proposals-page .inner-list {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.pg-my-proposals-page .table-responsive {
  overflow: visible !important;
  background: transparent !important;
}

/* Table */
.pg-my-proposals-page table.job-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
  background: transparent !important;
}

.pg-my-proposals-page table.job-table thead,
.pg-my-proposals-page table.job-table thead tr,
.pg-my-proposals-page table.job-table thead th {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pg-my-proposals-page table.job-table thead th {
  padding: 0 20px 8px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.pg-my-proposals-page table.job-table thead th::after {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.pg-my-proposals-page table.job-table thead th:nth-child(1)::after {
  content: "Ponuda";
}

.pg-my-proposals-page table.job-table thead th:nth-child(2)::after {
  content: "Cijena / vrijeme";
}

.pg-my-proposals-page table.job-table thead th:nth-child(3)::after {
  content: "Status";
}

.pg-my-proposals-page table.job-table thead th:nth-child(4)::after {
  content: "Historija";
}

.pg-my-proposals-page table.job-table thead th:nth-child(5)::after {
  content: "Akcije";
}

/* Rows as cards */
.pg-my-proposals-page table.job-table tbody tr.my-item-wrapper {
  background: #ffffff !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.pg-my-proposals-page table.job-table tbody tr.my-item-wrapper:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .075) !important;
}

.pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td {
  padding: 28px 20px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #111827 !important;
  vertical-align: middle !important;
}

.pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td:first-child {
  border-radius: 26px 0 0 26px !important;
  padding-left: 26px !important;
}

.pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td:last-child {
  border-radius: 0 26px 26px 0 !important;
  padding-right: 26px !important;
}

/* Left user/title */
.pg-my-proposals-page .title-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 15px !important;
}

.pg-my-proposals-page .employer-logo {
  position: relative !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(168, 85, 247, 0.18), transparent 40%),
    linear-gradient(135deg, #fbf7ff 0%, #f1e7ff 100%) !important;
  border: 1px solid #eadcff !important;
  overflow: hidden !important;
  box-shadow: 0 12px 26px rgba(124, 58, 237, .08) !important;
}

.pg-my-proposals-page .employer-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}

.pg-my-proposals-page .employer-logo img[src*="placeholder"] {
  display: none !important;
}

.pg-my-proposals-page .employer-logo img:not([src*="placeholder"]) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 19px !important;
}

.pg-my-proposals-page .employer-logo a::before {
  content: "pa";
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  background: #7c3aed !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.08em !important;
  box-shadow: 0 8px 20px rgba(124, 58, 237, .16) !important;
}

.pg-my-proposals-page .employer-logo a:has(img:not([src*="placeholder"]))::before {
  display: none !important;
}

.pg-my-proposals-page .job-table-info-content-title {
  margin: 0 !important;
}

.pg-my-proposals-page .job-table-info-content-title a {
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
}

.pg-my-proposals-page .job-project-title {
  margin: 0 0 11px !important;
}

.pg-my-proposals-page .job-project-title strong,
.pg-my-proposals-page .job-project-title a {
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.pg-my-proposals-page .listing-metas {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  color: #667085 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

.pg-my-proposals-page .listing-metas > div,
.pg-my-proposals-page .listing-metas a {
  color: #667085 !important;
}

.pg-my-proposals-page .listing-metas i {
  margin-right: 6px !important;
  color: #8b5cf6 !important;
}

/* Cost / time */
.pg-my-proposals-page .job-table-cost {
  min-width: 160px !important;
}

.pg-my-proposals-page .price-wrapper,
.pg-my-proposals-page .price-wrapper *,
.pg-my-proposals-page .woocommerce-Price-amount,
.pg-my-proposals-page .woocommerce-Price-currencySymbol,
.pg-my-proposals-page .price-text {
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.pg-my-proposals-page .time {
  margin-top: 8px !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* Status badges */
.pg-my-proposals-page .job-table-status .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.pg-my-proposals-page .job-table-status .badge.bg-pending {
  background: #fff7ed !important;
  color: #c2410c !important;
}

.pg-my-proposals-page .job-table-status .badge.bg-pending::after {
  content: "Na čekanju";
  font-size: 12px !important;
}

.pg-my-proposals-page .job-table-status .badge.bg-success {
  background: #eff6ff !important;
  color: #2563eb !important;
}

.pg-my-proposals-page .job-table-status .badge.bg-success::after {
  content: "Unajmljen";
  font-size: 12px !important;
}

/* History button */
.pg-my-proposals-page .job-table-history .btn,
.pg-my-proposals-page .job-table-history .btn-theme {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #ecfdf3 !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.pg-my-proposals-page .job-table-history .btn::after,
.pg-my-proposals-page .job-table-history .btn-theme::after {
  content: "Historija";
  color: #027a48 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.pg-my-proposals-page .job-table-history .btn:hover,
.pg-my-proposals-page .job-table-history .btn-theme:hover {
  background: #dcfce7 !important;
}

/* Action buttons */
.pg-my-proposals-page .job-table-action {
  min-width: 150px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.pg-my-proposals-page .job-table-action > a.btn-action-icon,
.pg-my-proposals-page .job-table-action > a.job-table-action,
.pg-my-proposals-page .job-table-action > a.edit-btn,
.pg-my-proposals-page .job-table-action > a.remove-btn,
.pg-my-proposals-page .btn-view-proposal-description {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin-left: 7px !important;
  padding: 0 !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #64748b !important;
  box-shadow: none !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

.pg-my-proposals-page .job-table-action > a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.pg-my-proposals-page .btn-view-proposal-description {
  border-color: #d8b4fe !important;
  background: #fbf9ff !important;
  color: #7c3aed !important;
}

.pg-my-proposals-page .proposal-button-edit:hover,
.pg-my-proposals-page .btn-view-proposal-description:hover {
  background: #f3e8ff !important;
  border-color: #c084fc !important;
  color: #6d28d9 !important;
}

.pg-my-proposals-page .proposal-button-delete:hover {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #dc2626 !important;
}

/* =========================================================
   Popup: Poruka uz ponudu
========================================================= */

.mfp-bg {
  background: #0f172a !important;
  opacity: .68 !important;
}

.mfp-wrap .view-proposal-description-wrapper {
  width: min(680px, calc(100vw - 32px)) !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mfp-wrap .view-proposal-description-wrapper .inner {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .24) !important;
}

.mfp-wrap .view-proposal-description-wrapper .widget-title {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 26px 74px 24px 30px !important;
  border-bottom: 1px solid #eef1f6 !important;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, .09), transparent 36%),
    #ffffff !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.mfp-wrap .view-proposal-description-wrapper .widget-title span {
  display: none !important;
}

.mfp-wrap .view-proposal-description-wrapper .widget-title::before {
  content: "✉";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 16px !important;
  background: #f3e8ff !important;
  color: #7c3aed !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.mfp-wrap .view-proposal-description-wrapper .widget-title::after {
  content: "Poruka uz ponudu";
  display: block !important;
  color: #111827 !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.mfp-wrap .view-proposal-description-wrapper .close-magnific-popup {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  z-index: 5 !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #64748b !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
}

.mfp-wrap .view-proposal-description-wrapper .close-magnific-popup:hover {
  background: #f8f3ff !important;
  color: #7c3aed !important;
  border-color: #d8b4fe !important;
}

.mfp-wrap .view-proposal-description-wrapper .content {
  padding: 28px 30px 32px !important;
  background: #ffffff !important;
}

.mfp-wrap .view-proposal-description-wrapper .content::before {
  content: "Pakter je uz ponudu poslao sljedeću poruku:";
  display: block !important;
  margin: 0 0 16px !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}

.mfp-wrap .view-proposal-description-wrapper .content p {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 550 !important;
  white-space: pre-line !important;
}

/* =========================================================
   Popup: Uredi ponudu
========================================================= */

.mfp-wrap .apus-contact-form.apus-popup-form {
  width: min(720px, calc(100vw - 32px)) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 34px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, .09), transparent 36%),
    #ffffff !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .24) !important;
}

.mfp-wrap .apus-contact-form.apus-popup-form::before {
  content: "Uredi ponudu";
  display: block !important;
  margin: 0 54px 22px 0 !important;
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.mfp-wrap .apus-contact-form.apus-popup-form .close-magnific-popup {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid #e6eaf2 !important;
  background: #ffffff !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mfp-wrap .project-proposal-form label {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  margin-bottom: 8px !important;
}

.mfp-wrap .project-proposal-form input.form-control,
.mfp-wrap .project-proposal-form textarea.form-control {
  width: 100% !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.mfp-wrap .project-proposal-form input.form-control {
  height: 54px !important;
  padding: 0 16px !important;
}

.mfp-wrap .project-proposal-form textarea.form-control {
  min-height: 150px !important;
  padding: 15px 16px !important;
  resize: vertical !important;
}

.mfp-wrap .project-proposal-form input.form-control:focus,
.mfp-wrap .project-proposal-form textarea.form-control:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
  outline: none !important;
}

.mfp-wrap .project-proposal-form button[type="submit"] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 4px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 38px rgba(124, 58, 237, .24) !important;
}

.mfp-wrap .project-proposal-form button[type="submit"]::after {
  content: "Sačuvaj izmjene";
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.mfp-wrap .project-proposal-form button[type="submit"] i {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .pg-my-proposals-page {
    padding: 34px 0 82px !important;
  }

  .pg-my-proposals-inner {
    width: min(100% - 28px, 720px) !important;
  }

  .pg-my-proposals-head {
    display: block !important;
    margin-bottom: 24px !important;
  }

  .pg-my-proposals-head h1 {
    font-size: 40px !important;
  }

  .pg-my-proposals-head p {
    font-size: 15.5px !important;
  }

  .pg-my-proposals-back {
    margin-top: 18px !important;
    width: 100% !important;
  }

  .pg-my-proposals-page .search-orderby-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .pg-my-proposals-page .search-employer-form,
  .pg-my-proposals-page .search-applicants-form,
  .pg-my-proposals-page .search-employer-form form,
  .pg-my-proposals-page .search-applicants-form form,
  .pg-my-proposals-page .sort-employer-form,
  .pg-my-proposals-page .sortby-form,
  .pg-my-proposals-page .orderby-wrapper,
  .pg-my-proposals-page .my-jobs-ordering {
    width: 100% !important;
  }

  .pg-my-proposals-page .orderby-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .pg-my-proposals-page .select2-container,
  .pg-my-proposals-page .select2-container .select2-selection--single {
    width: 100% !important;
  }

  .pg-my-proposals-page table.job-table,
  .pg-my-proposals-page table.job-table thead,
  .pg-my-proposals-page table.job-table tbody,
  .pg-my-proposals-page table.job-table tr,
  .pg-my-proposals-page table.job-table td {
    display: block !important;
    width: 100% !important;
  }

  .pg-my-proposals-page table.job-table thead {
    display: none !important;
  }

  .pg-my-proposals-page table.job-table {
    border-spacing: 0 !important;
  }

  .pg-my-proposals-page table.job-table tbody {
    display: grid !important;
    gap: 14px !important;
  }

  .pg-my-proposals-page table.job-table tbody tr.my-item-wrapper {
    display: block !important;
    border-radius: 24px !important;
  }

  .pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td {
    padding: 12px 18px !important;
    border-radius: 0 !important;
  }

  .pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td:first-child {
    padding-top: 20px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  .pg-my-proposals-page table.job-table tbody tr.my-item-wrapper td:last-child {
    padding-bottom: 18px !important;
    border-radius: 0 0 24px 24px !important;
  }

  .pg-my-proposals-page .job-table-cost::before,
  .pg-my-proposals-page .job-table-status::before,
  .pg-my-proposals-page .job-table-history::before,
  .pg-my-proposals-page .job-table-action::before {
    display: block !important;
    margin-bottom: 8px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .pg-my-proposals-page .job-table-cost::before {
    content: "Cijena / vrijeme";
  }

  .pg-my-proposals-page .job-table-status::before {
    content: "Status";
  }

  .pg-my-proposals-page .job-table-history:not(:empty)::before {
    content: "Historija";
  }

  .pg-my-proposals-page .job-table-action::before {
    content: "Akcije";
  }

  .pg-my-proposals-page .job-table-history .btn,
  .pg-my-proposals-page .job-table-history .btn-theme {
    width: 100% !important;
    min-height: 50px !important;
  }

  .pg-my-proposals-page .job-table-action {
    text-align: left !important;
    white-space: normal !important;
  }

  .pg-my-proposals-page .job-table-action > a.btn-action-icon,
  .pg-my-proposals-page .job-table-action > a.job-table-action,
  .pg-my-proposals-page .job-table-action > a.edit-btn,
  .pg-my-proposals-page .job-table-action > a.remove-btn,
  .pg-my-proposals-page .btn-view-proposal-description {
    width: calc(33.333% - 8px) !important;
    margin: 0 8px 0 0 !important;
  }

  .mfp-wrap .view-proposal-description-wrapper .inner,
  .mfp-wrap .apus-contact-form.apus-popup-form {
    border-radius: 24px !important;
  }

  .mfp-wrap .view-proposal-description-wrapper .widget-title {
    padding: 22px 62px 20px 20px !important;
  }

  .mfp-wrap .view-proposal-description-wrapper .widget-title::after {
    font-size: 22px !important;
  }

  .mfp-wrap .view-proposal-description-wrapper .content {
    padding: 22px 20px 24px !important;
  }

  .mfp-wrap .apus-contact-form.apus-popup-form {
    padding: 26px 20px !important;
  }
}


/* PAKTOGRAF — Objavi projekat / Korak 3: dodatni materijali */

.pg-project-preview__materials {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(88, 55, 160, 0.12);
}

.pg-project-preview__materials-head,
.pg-project-preview__materials-empty {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fffaf0;
    border: 1px solid #ffd76a;
    border-radius: 16px;
    padding: 14px 16px;
}

.pg-project-preview__materials-head > span,
.pg-project-preview__materials-empty > span {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 11px;
    background: #fff1b8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-project-preview__materials-head strong,
.pg-project-preview__materials-empty strong {
    display: block;
    color: #7a3514;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 3px;
}

.pg-project-preview__materials-head small,
.pg-project-preview__materials-empty small {
    display: block;
    color: #9a3d12;
    font-size: 13px;
    line-height: 1.45;
}

.pg-project-preview__materials-section {
    margin-top: 18px;
}

.pg-project-preview__materials-section h4 {
    margin: 0 0 10px;
    color: #24143f;
    font-size: 14px;
    font-weight: 800;
}

.pg-project-preview__materials-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.pg-project-preview__materials-thumb {
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    overflow: hidden;
    background: #f6f1fb;
    border: 1px solid rgba(88, 55, 160, 0.12);
}

.pg-project-preview__materials-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pg-project-preview__materials-docs {
    display: grid;
    gap: 9px;
}

.pg-project-preview__materials-doc {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(88, 55, 160, 0.12);
    border-radius: 14px;
    padding: 10px 12px;
}

.pg-project-preview__materials-doc span {
    min-width: 46px;
    height: 30px;
    border-radius: 10px;
    background: #f3eefb;
    color: #5b2bbf;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-project-preview__materials-doc strong {
    color: #24143f;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    word-break: break-word;
}

@media (max-width: 767px) {
    .pg-project-preview__materials-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* PAKTOGRAF — Korak 3: prisili dodatne slike da budu mala galerija */

/* MATERIALS varijanta */
.pg-project-preview__materials-gallery,
.pg-project-preview__image-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.pg-project-preview__materials-thumb,
.pg-project-preview__image-thumb {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 130px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f6f1fb !important;
    border: 1px solid rgba(88, 55, 160, 0.12) !important;
}

.pg-project-preview__materials-thumb img,
.pg-project-preview__image-thumb img,
.pg-project-preview__materials-gallery img,
.pg-project-preview__image-gallery img {
    width: 100% !important;
    height: 130px !important;
    max-height: 130px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 14px !important;
}

/* Ako su slike ubačene direktno bez thumb wrappera */
.pg-project-preview__materials-section img,
.pg-project-preview__attachment-section img {
    width: 100% !important;
    height: 130px !important;
    max-height: 130px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 14px !important;
}

/* Ako su ubačene jedna ispod druge direktno u sekciju */
.pg-project-preview__materials-section,
.pg-project-preview__attachment-section {
    display: block !important;
}

.pg-project-preview__materials-section > img,
.pg-project-preview__attachment-section > img {
    display: inline-block !important;
    width: calc(25% - 8px) !important;
    margin-right: 8px !important;
    margin-bottom: 10px !important;
    vertical-align: top !important;
}

@media (max-width: 767px) {
    .pg-project-preview__materials-gallery,
    .pg-project-preview__image-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .pg-project-preview__materials-thumb img,
    .pg-project-preview__image-thumb img,
    .pg-project-preview__materials-gallery img,
    .pg-project-preview__image-gallery img,
    .pg-project-preview__materials-section img,
    .pg-project-preview__attachment-section img {
        height: 105px !important;
        max-height: 105px !important;
    }

    .pg-project-preview__materials-section > img,
    .pg-project-preview__attachment-section > img {
        width: calc(33.333% - 8px) !important;
    }
}
/* PAKTOGRAF — Korak 3: dodatne slike kao male thumbnail kartice na PC */

@media (min-width: 768px) {
    body .pg-project-preview__materials .pg-project-preview__materials-gallery {
        display: grid !important;
        grid-template-columns: repeat(4, 96px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-items: start !important;
        width: auto !important;
        max-width: 100% !important;
    }

    body .pg-project-preview__materials .pg-project-preview__materials-gallery > .pg-project-preview__materials-thumb {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        background: #f6f1fb !important;
        border: 1px solid rgba(88, 55, 160, 0.12) !important;
        display: block !important;
    }

    body .pg-project-preview__materials .pg-project-preview__materials-gallery > .pg-project-preview__materials-thumb > img {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 14px !important;
    }
}


/* PAKTOGRAF — Single project: galerija slika u opisu */

.pg-single-description-content {
    color: #3b314d;
    font-size: 15px;
    line-height: 1.7;
}

.pg-single-description-content p:last-child {
    margin-bottom: 0;
}

.pg-single-description-gallery {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(88, 55, 160, 0.12);
}

.pg-single-description-gallery h3 {
    margin: 0 0 14px;
    color: #24143f;
    font-size: 16px;
    font-weight: 800;
}

.pg-single-description-gallery__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pg-single-description-gallery__item {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    background: #f6f1fb;
    border: 1px solid rgba(88, 55, 160, 0.12);
}

.pg-single-description-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* PAKTOGRAF — Single project: prilozi */

.pg-single-attachments-list {
    display: grid;
    gap: 10px;
}

.pg-single-attachment-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(88, 55, 160, 0.12);
    text-decoration: none;
    transition: 0.18s ease;
}

.pg-single-attachment-item:hover {
    transform: translateY(-1px);
    border-color: rgba(88, 55, 160, 0.28);
    box-shadow: 0 12px 28px rgba(25, 18, 55, 0.08);
}

.pg-single-attachment-item__icon {
    min-width: 52px;
    height: 34px;
    border-radius: 11px;
    background: #f3eefb;
    color: #5b2bbf;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-single-attachment-item__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pg-single-attachment-item__body strong {
    color: #24143f;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    word-break: break-word;
}

.pg-single-attachment-item__body small {
    color: #7b708c;
    font-size: 12px;
}

@media (max-width: 767px) {
    .pg-single-description-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .pg-single-attachment-item {
        padding: 11px 12px;
        border-radius: 14px;
    }
}


/* PAKTOGRAF — Single project: empty state za ponude */

.pg-proposals-empty-state {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #fbf8ff 100%);
    border: 1px solid rgba(88, 55, 160, 0.14);
}

.pg-proposals-empty-state__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 16px;
    background: #f3eaff;
    color: #7c35e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.pg-proposals-empty-state__content h3 {
    margin: 0 0 6px;
    color: #07142f;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.3;
}

.pg-proposals-empty-state__content p {
    margin: 0;
    color: #6f7890;
    font-size: 14px;
    line-height: 1.6;
    max-width: 620px;
}

@media (max-width: 767px) {
    .pg-proposals-empty-state {
        padding: 18px;
        gap: 13px;
        border-radius: 18px;
    }

    .pg-proposals-empty-state__icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 14px;
        font-size: 20px;
    }

    .pg-proposals-empty-state__content h3 {
        font-size: 16px;
    }

    .pg-proposals-empty-state__content p {
        font-size: 13px;
    }
}


/* PAKTOGRAF — Sigurnija saradnja modal */

body.pg-safety-modal-open {
    overflow: hidden;
}

.pg-safety-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.pg-safety-modal.is-open {
    display: flex;
}

.pg-safety-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 13, 31, 0.48);
    backdrop-filter: blur(8px);
}

.pg-safety-modal__dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: calc(100vh - 36px);
    overflow: auto;
    background: #ffffff;
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 30px 90px rgba(20, 12, 45, 0.28);
    border: 1px solid rgba(124, 53, 232, 0.14);
}

.pg-safety-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f5f1fb;
    color: #24143f;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.pg-safety-modal__icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #f3eaff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 16px;
}

.pg-safety-modal h2 {
    margin: 0 0 10px;
    color: #07142f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
}

.pg-safety-modal__lead {
    margin: 0 0 18px;
    color: #657089;
    font-size: 15px;
    line-height: 1.65;
}

.pg-safety-modal__list {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

.pg-safety-modal__list div {
    padding: 14px 15px;
    border-radius: 16px;
    background: #fbf8ff;
    border: 1px solid rgba(88, 55, 160, 0.10);
}

.pg-safety-modal__list strong {
    display: block;
    color: #24143f;
    font-size: 14px;
    font-weight: 850;
    margin-bottom: 4px;
}

.pg-safety-modal__list span {
    display: block;
    color: #6f7890;
    font-size: 13px;
    line-height: 1.55;
}

.pg-safety-modal__note {
    padding: 13px 14px;
    border-radius: 15px;
    background: #fffaf0;
    border: 1px solid #ffd76a;
    color: #8a3d12;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 16px;
}

.pg-safety-modal__primary {
    width: 100%;
    margin-top: 18px;
    border: 0;
    border-radius: 16px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #7c35e8, #a829d8);
    color: #ffffff;
    font-weight: 850;
    cursor: pointer;
}

@media (max-width: 767px) {
    .pg-safety-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .pg-safety-modal__dialog {
        border-radius: 24px;
        padding: 24px 20px 20px;
    }

    .pg-safety-modal h2 {
        font-size: 21px;
    }
}

/* PAKTOGRAF — Single project: forma za slanje ponude */

.pg-proposal-price-field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.pg-proposal-price-field input {
    width: 100% !important;
    padding-right: 76px !important;
}

.pg-proposal-price-field__currency {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    min-width: 48px !important;
    height: 32px !important;
    padding: 0 10px !important;

    border-radius: 999px !important;
    background: #f3eefb !important;
    color: #5b2bbf !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
}

.pg-proposal-field-help {
    margin: 7px 0 0 !important;
    color: #7b708c !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.pg-single-form-slot label {
    color: #24143f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 7px !important;
}

.pg-single-form-slot input,
.pg-single-form-slot textarea,
.pg-single-form-slot select {
    border-radius: 14px !important;
    border: 1px solid rgba(88, 55, 160, 0.16) !important;
    background: #ffffff !important;
}

.pg-single-form-slot input:focus,
.pg-single-form-slot textarea:focus,
.pg-single-form-slot select:focus {
    border-color: rgba(124, 53, 232, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(124, 53, 232, 0.09) !important;
    outline: none !important;
}


/* =========================================================
   PAKTOGRAF — edit project wizard fixes
   Korak 1: naslov + kategorija
   Korak 2: detalji
   Korak 3: pregled izmjena bez upload inputa
========================================================= */

.pg-post-project-page--edit[data-pg-step="3"] .cmb-row,
.pg-post-project-page--edit[data-pg-step="3"] .cmb2-wrap > .cmb-row,
.pg-post-project-page--edit[data-pg-step="3"] .submit-button-wrapper:not(.pg-project-wizard-controls) {
    display: none !important;
}

.pg-post-project-page--edit .pg-project-preview__grid > div.pg-preview-changed {
    border-color: #d6bbfb !important;
    background: #fbf7ff !important;
}

.pg-post-project-page--edit .pg-project-preview__grid > div.pg-is-hidden,
.pg-post-project-page--edit .pg-project-preview__image-wrap.pg-is-hidden,
.pg-post-project-page--edit .pg-project-preview__empty-changes.pg-is-hidden {
    display: none !important;
}

.pg-preview-changed-label {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin-top: 8px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.pg-project-preview__empty-changes {
    margin-top: 18px !important;
    padding: 22px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 20px !important;
    background: #fbfaff !important;
    text-align: center !important;
}

.pg-project-preview__empty-changes span {
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-weight: 950 !important;
}

.pg-project-preview__empty-changes strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.pg-project-preview__empty-changes small {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.pg-post-project-page--edit .pg-post-project-page__inner {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-post-project-page--edit .pg-project-required-note,
.pg-post-project-page--edit .pg-post-project-page__hero,
.pg-post-project-page--edit .pg-post-project-page__steps {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-post-project-page--edit .pg-post-project-page__form-card {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 767px) {
    .pg-post-project-page--edit .pg-post-project-page__inner,
    .pg-post-project-page--edit .pg-project-required-note,
    .pg-post-project-page--edit .pg-post-project-page__hero,
    .pg-post-project-page--edit .pg-post-project-page__steps,
    .pg-post-project-page--edit .pg-post-project-page__form-card {
        max-width: 100% !important;
    }
}

/* PAKTOGRAF — edit project preview polish */

.pg-post-project-page--edit .pg-project-preview {
    padding: 0 !important;
}

.pg-post-project-page--edit .pg-project-preview__card {
    padding: 34px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .045) !important;
}

.pg-post-project-page--edit .pg-project-preview__grid {
    gap: 16px !important;
    margin-top: 21px;
}

.pg-post-project-page--edit .pg-project-preview__grid > div {
    padding: 18px !important;
    border: 1px solid #eee7fb !important;
    border-radius: 18px !important;
    background: #fbf7ff !important;
}

.pg-post-project-page--edit .pg-project-preview__grid > div span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
}

.pg-post-project-page--edit .pg-project-preview__grid > div strong {
    display: block !important;
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
}

.pg-post-project-page--edit .pg-preview-changed-label {
    margin-top: 10px !important;
}

.pg-post-project-page--edit .pg-project-preview__attachments {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid #e6eaf2 !important;
}

.pg-post-project-page--edit .pg-project-preview__attachments-head,
.pg-post-project-page--edit .pg-project-preview__attachments-empty {
    padding: 18px !important;
    border: 1px solid #ffd666 !important;
    border-radius: 18px !important;
    background: #fffaf0 !important;
}

.pg-post-project-page--edit .pg-project-preview__attachment-section {
    margin-top: 18px !important;
}

.pg-post-project-page--edit .pg-project-preview__attachment-section h4 {
    margin: 0 0 12px !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.pg-post-project-page--edit .pg-project-preview__document-list {
    display: grid !important;
    gap: 10px !important;
}

.pg-post-project-page--edit .pg-project-preview__document-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 58px !important;
    padding: 12px 16px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}

.pg-post-project-page--edit .pg-project-preview__document-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.pg-post-project-page--edit .pg-project-preview__document-item strong {
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
}

@media (max-width: 767px) {
    .pg-post-project-page--edit .pg-project-preview__card {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .pg-post-project-page--edit .pg-project-preview__grid {
        grid-template-columns: 1fr !important;
    }

    .pg-post-project-page--edit .pg-project-preview__grid > div {
        padding: 15px !important;
        border-radius: 16px !important;
    }
}




.pg-post-project-page--edit[data-pg-step="3"] div.cmb2-wrap .before-group-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* PAKTOGRAF — edit project success message */

.pg-post-project-page--edit .alert.alert-success {
    max-width: 760px !important;
    margin: 0 auto 28px !important;
    padding: 16px 18px !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 18px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    box-shadow: 0 12px 28px rgba(18, 183, 106, .08) !important;
}

.pg-post-project-page--edit .alert.alert-success ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-post-project-page--edit .alert.alert-success li {
    margin: 0 !important;
    padding: 0 0 0 30px !important;
    position: relative !important;
    color: #067647 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
}

.pg-post-project-page--edit .alert.alert-success li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: -2px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #12b76a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}
/* PAKTOGRAF — edit project bottom toast */

.pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 28px !important;
    z-index: 999999 !important;

    width: auto !important;
    max-width: min(460px, calc(100vw - 32px)) !important;
    margin: 0 !important;
    padding: 14px 18px !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .96) !important;
    color: #ffffff !important;

    box-shadow: 0 18px 44px rgba(15, 23, 42, .28) !important;
    backdrop-filter: blur(10px);

    opacity: 1 !important;
    transform: translate3d(-50%, 0, 0) !important;

    animation: pgEditToastIn .34s ease-out both !important;
}

@keyframes pgEditToastIn {
    from {
        opacity: 0;
        transform: translate3d(-50%, 22px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
}

.pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast.is-hiding {
    animation: pgEditToastOut .28s ease-in both !important;
}

@keyframes pgEditToastOut {
    from {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-50%, 14px, 0);
    }
}

.pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast li {
    margin: 0 !important;
    padding: 0 0 0 26px !important;
    position: relative !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    background: #22c55e;
    color: #ffffff;
    font-size: 11px;
    font-weight: 950;
}

@media (max-width: 767px) {
    .pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast {
        bottom: calc(18px + env(safe-area-inset-bottom)) !important;
        max-width: calc(100vw - 24px) !important;
        border-radius: 18px !important;
        padding: 14px 16px !important;
    }

    .pg-post-project-page--edit .alert.alert-success.pg-edit-save-toast li {
        white-space: normal !important;
    }
}

/* =========================================================
   PAKTOGRAF — Dobijene ponude za jedan projekat
========================================================= */

body.pg-received-proposals-page,
body.pg-received-proposals-page #apus-main-content,
body.pg-received-proposals-page #main-container,
body.pg-received-proposals-page #main-content,
body.pg-received-proposals-page #main {
    background:
        radial-gradient(circle at 80% 0%, rgba(124, 58, 237, .08), transparent 34%),
        linear-gradient(180deg, #fbfaff 0%, #f7f6fb 56%, #ffffff 100%) !important;
}

body.pg-received-proposals-page #main-container.wrapper-main-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 48px 0 86px !important;
}

body.pg-received-proposals-page #main-container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.pg-received-proposals-page #main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pg-received-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.pg-received-back {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 22px;
    color: #667085 !important;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none !important;
}

.pg-received-back:hover {
    color: #7c3aed !important;
}

.pg-received-head {
    margin-bottom: 26px;
}

.pg-received-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 13px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.pg-received-head h1 {
    margin: 0;
    color: #101828;
    font-size: clamp(42px, 5vw, 64px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -0.06em;
}

.pg-received-head p {
    max-width: 720px;
    margin: 14px 0 0;
    color: #667085;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
}

/* Project summary */

.pg-received-project-card {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 170px 170px auto;
    gap: 22px;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-received-project-card__icon {
    width: 66px;
    height: 66px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 30px;
    font-weight: 950;
}

.pg-received-project-card__main {
    min-width: 0;
}

.pg-received-project-card__top {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.pg-received-status,
.pg-received-category {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.pg-received-status {
    background: #ecfdf3;
    color: #067647;
}

.pg-received-category {
    background: #f3e8ff;
    color: #7c3aed;
}

.pg-received-project-card h2 {
    margin: 0 0 10px;
    color: #101828;
    font-size: 24px;
    line-height: 1.16;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-received-project-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #667085;
    font-size: 13px;
    font-weight: 700;
}

.pg-received-project-card__stat {
    padding-left: 22px;
    border-left: 1px solid #e6eaf2;
}

.pg-received-project-card__stat span {
    display: block;
    margin-bottom: 6px;
    color: #667085;
    font-size: 12px;
    font-weight: 850;
}

.pg-received-project-card__stat strong {
    display: block;
    color: #101828;
    font-size: 23px;
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-received-view-project {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 15px;
    background: #f3e8ff;
    color: #7c3aed !important;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none !important;
    white-space: nowrap;
}

/* Widget reset */

body.pg-received-proposals-page .widget-proposals.box-dashboard-wrapper,
body.pg-received-proposals-page .widget-proposals {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.pg-received-proposals-page .widget-proposals > .widget-title {
    display: none !important;
}

/* Empty state */

.pg-received-empty {
    padding: 44px 28px;
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-received-empty__icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 30px;
    font-weight: 950;
}

.pg-received-empty h2 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-received-empty p {
    max-width: 560px;
    margin: 0 auto 22px;
    color: #667085;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

.pg-received-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22);
}

/* Toolbar if proposals exist */

body.pg-received-proposals-page .widget-proposals .search-orderby-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 26px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .045) !important;
}

body.pg-received-proposals-page .widget-proposals .search-employer-form,
body.pg-received-proposals-page .widget-proposals .search-applicants-form {
    width: min(360px, 100%) !important;
    position: relative !important;
}

body.pg-received-proposals-page .widget-proposals input.form-control {
    height: 54px !important;
    border-radius: 17px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 54px 0 17px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

body.pg-received-proposals-page .widget-proposals .search-submit {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

/* Proposal table/card styling */

body.pg-received-proposals-page .widget-proposals .inner-list,
body.pg-received-proposals-page .widget-proposals .table-responsive {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 16px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table thead {
    display: none !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper {
    border-radius: 26px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper td {
    padding: 24px 18px !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #101828 !important;
    vertical-align: middle !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper td:first-child {
    border-radius: 26px 0 0 26px !important;
    padding-left: 26px !important;
}

body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper td:last-child {
    border-radius: 0 26px 26px 0 !important;
    padding-right: 26px !important;
}

body.pg-received-proposals-page .widget-proposals .freelancer-logo,
body.pg-received-proposals-page .widget-proposals .employer-logo {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    overflow: hidden !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, .14) !important;
}

body.pg-received-proposals-page .widget-proposals .freelancer-logo img,
body.pg-received-proposals-page .widget-proposals .employer-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.pg-received-proposals-page .widget-proposals .job-table-info-content-title,
body.pg-received-proposals-page .widget-proposals .job-table-info-content-title a {
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

body.pg-received-proposals-page .widget-proposals .listing-metas {
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.pg-received-proposals-page .widget-proposals .job-table-cost,
body.pg-received-proposals-page .widget-proposals .price-wrapper,
body.pg-received-proposals-page .widget-proposals .woocommerce-Price-amount {
    color: #7c3aed !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
}

body.pg-received-proposals-page .widget-proposals .job-table-cost .time,
body.pg-received-proposals-page .widget-proposals .time {
    display: block !important;
    margin-top: 7px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.pg-received-proposals-page .widget-proposals .job-table-status .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid #fed7aa !important;
    border-radius: 999px !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

body.pg-received-proposals-page .widget-proposals .proposal-button-hire-now {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, .22) !important;
}

body.pg-received-proposals-page .widget-proposals .btn-view-proposal-description,
body.pg-received-proposals-page .widget-proposals .btn-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    border: 1px solid #d8b4fe !important;
    border-radius: 15px !important;
    background: #fbf7ff !important;
    color: #7c3aed !important;
    text-decoration: none !important;
}

/* Mobile */

@media (max-width: 900px) {
    .pg-received-project-card {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .pg-received-project-card__stat,
    .pg-received-view-project {
        grid-column: 1 / -1;
    }

    .pg-received-project-card__stat {
        padding-left: 0;
        padding-top: 14px;
        border-left: 0;
        border-top: 1px solid #e6eaf2;
    }

    .pg-received-view-project {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body.pg-received-proposals-page #main-container.wrapper-main-page {
        padding: 28px 0 68px !important;
    }

    .pg-received-shell {
        width: calc(100% - 24px);
    }

    .pg-received-head h1 {
        font-size: 35px;
        line-height: 1.02;
    }

    .pg-received-head p {
        font-size: 14px;
        line-height: 1.5;
    }

    .pg-received-project-card {
        padding: 18px;
        border-radius: 24px;
        gap: 14px;
    }

    .pg-received-project-card h2 {
        font-size: 20px;
    }

    .pg-received-empty {
        padding: 30px 18px;
        border-radius: 24px;
    }

    body.pg-received-proposals-page .widget-proposals table.job-table,
    body.pg-received-proposals-page .widget-proposals table.job-table tbody,
    body.pg-received-proposals-page .widget-proposals table.job-table tr,
    body.pg-received-proposals-page .widget-proposals table.job-table td {
        display: block !important;
        width: 100% !important;
    }

    body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper {
        padding: 18px !important;
        border-radius: 24px !important;
    }

    body.pg-received-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper td {
        padding: 10px 0 !important;
        border-radius: 0 !important;
    }

    body.pg-received-proposals-page .widget-proposals .proposal-button-hire-now {
        width: 100% !important;
        min-height: 50px !important;
    }

    body.pg-received-proposals-page .widget-proposals .job-table-action {
        display: grid !important;
        grid-template-columns: 1fr 52px !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body.pg-received-proposals-page .widget-proposals .btn-view-proposal-description,
    body.pg-received-proposals-page .widget-proposals .btn-action-icon {
        width: 52px !important;
        height: 50px !important;
    }
}

/* =========================================================
   PAKTOGRAF — Moje ponude (ponude koje sam poslao)
   Stabilna verzija usklađena sa "Moji projekti"
========================================================= */

.pg-my-proposals-page {
    position: relative !important;
    width: 100% !important;
    min-height: calc(100vh - 80px) !important;
    padding: 54px 0 94px !important;
    background:
        radial-gradient(circle at 82% 2%, rgba(124, 58, 237, .08), transparent 34%),
        linear-gradient(180deg, #fbfaff 0%, #f7f6fb 48%, #ffffff 100%) !important;
}

.pg-my-proposals-inner {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
}

.pg-my-proposals-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 28px !important;
}

.pg-my-proposals-head__copy {
    min-width: 0 !important;
}

.pg-my-proposals-page .pg-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    margin: 0 0 14px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

.pg-my-proposals-head h1 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: clamp(42px, 5vw, 64px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
}

.pg-my-proposals-head p {
    max-width: 720px !important;
    margin: 14px 0 0 !important;
    color: #667085 !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

.pg-my-proposals-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .035) !important;
}

.pg-my-proposals-back:hover {
    color: #7c3aed !important;
    border-color: #eadcff !important;
    background: #fbf7ff !important;
}

/* Freeio widget reset */

.pg-my-proposals-page .paktograf-dashboard,
.pg-my-proposals-page .paktograf-my-proposals,
.pg-my-proposals-page .widget-proposals,
.pg-my-proposals-page .box-dashboard-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-my-proposals-page .widget-proposals.box-dashboard-wrapper,
.pg-my-proposals-page .widget-proposals {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pg-my-proposals-page .widget-proposals > .widget-title {
    display: none !important;
}

/* Toolbar */

.pg-my-proposals-page .search-orderby-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 0 26px !important;
    padding: 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 26px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .045) !important;
}

.pg-my-proposals-page .search-orderby-wrapper form:first-child,
.pg-my-proposals-page .search-orderby-wrapper .search-form,
.pg-my-proposals-page .search-orderby-wrapper .search-employer-form,
.pg-my-proposals-page .search-orderby-wrapper .search-applicants-form {
    width: min(380px, 100%) !important;
    position: relative !important;
    margin: 0 !important;
}

.pg-my-proposals-page .search-orderby-wrapper input[type="text"],
.pg-my-proposals-page .search-orderby-wrapper input.form-control {
    width: 100% !important;
    height: 54px !important;
    border-radius: 17px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 54px 0 17px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    outline: none !important;
}

.pg-my-proposals-page .search-orderby-wrapper input[type="text"]:focus,
.pg-my-proposals-page .search-orderby-wrapper input.form-control:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
}

.pg-my-proposals-page .search-orderby-wrapper button,
.pg-my-proposals-page .search-orderby-wrapper .search-submit {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    box-shadow: none !important;
}

.pg-my-proposals-page .sortby-form,
.pg-my-proposals-page .orderby-wrapper,
.pg-my-proposals-page .orderby-display-mode-wrapper {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.pg-my-proposals-page .sortby-form label,
.pg-my-proposals-page .orderby-wrapper label,
.pg-my-proposals-page .text-sort {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.pg-my-proposals-page select.orderby,
.pg-my-proposals-page select,
.pg-my-proposals-page .select2-container .select2-selection--single {
    height: 54px !important;
    min-width: 170px !important;
    border-radius: 17px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

.pg-my-proposals-page .select2-container .select2-selection__rendered {
    min-height: 54px !important;
    line-height: 54px !important;
    padding-left: 16px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.pg-my-proposals-page .select2-container .select2-selection__arrow {
    top: 14px !important;
    right: 12px !important;
}

/* Table as cards */

.pg-my-proposals-page .widget-proposals .inner-list,
.pg-my-proposals-page .widget-proposals .table-responsive {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

.pg-my-proposals-page .widget-proposals table.job-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 16px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th {
    padding: 0 18px 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.pg-my-proposals-page .widget-proposals table.job-table tbody tr,
.pg-my-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper {
    border-radius: 26px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

.pg-my-proposals-page .widget-proposals table.job-table tbody tr td {
    padding: 24px 18px !important;
    border-top: 1px solid #eef2f7 !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
    color: #101828 !important;
    vertical-align: middle !important;
}

.pg-my-proposals-page .widget-proposals table.job-table tbody tr td:first-child {
    border-left: 1px solid #eef2f7 !important;
    border-radius: 26px 0 0 26px !important;
    padding-left: 26px !important;
}

.pg-my-proposals-page .widget-proposals table.job-table tbody tr td:last-child {
    border-right: 1px solid #eef2f7 !important;
    border-radius: 0 26px 26px 0 !important;
    padding-right: 26px !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th:nth-child(1),
.pg-my-proposals-page .widget-proposals table.job-table tbody td:nth-child(1) {
    width: 43% !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th:nth-child(2),
.pg-my-proposals-page .widget-proposals table.job-table tbody td:nth-child(2) {
    width: 18% !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th:nth-child(3),
.pg-my-proposals-page .widget-proposals table.job-table tbody td:nth-child(3) {
    width: 14% !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th:nth-child(4),
.pg-my-proposals-page .widget-proposals table.job-table tbody td:nth-child(4) {
    width: 12% !important;
}

.pg-my-proposals-page .widget-proposals table.job-table thead th:nth-child(5),
.pg-my-proposals-page .widget-proposals table.job-table tbody td:nth-child(5) {
    width: 13% !important;
}

/* Content inside rows */

.pg-my-proposals-page .freelancer-logo,
.pg-my-proposals-page .employer-logo,
.pg-my-proposals-page .service-logo {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    overflow: hidden !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, .14) !important;
}

.pg-my-proposals-page .freelancer-logo img,
.pg-my-proposals-page .employer-logo img,
.pg-my-proposals-page .service-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.pg-my-proposals-page .job-table-info-content-title,
.pg-my-proposals-page .job-table-info-content-title a {
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    text-decoration: none !important;
}

.pg-my-proposals-page .job-table-info-content-title {
    margin: 0 0 10px !important;
}

.pg-my-proposals-page .listing-metas,
.pg-my-proposals-page .listing-metas *,
.pg-my-proposals-page .job-table-info-content .date,
.pg-my-proposals-page .job-table-info-content .location {
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.pg-my-proposals-page .listing-metas {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    margin-top: 10px !important;
}

.pg-my-proposals-page .job-table-cost,
.pg-my-proposals-page .price-wrapper,
.pg-my-proposals-page .woocommerce-Price-amount {
    color: #101828 !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
}

.pg-my-proposals-page .job-table-cost .time,
.pg-my-proposals-page .time {
    display: block !important;
    margin-top: 7px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.pg-my-proposals-page .job-table-status .badge,
.pg-my-proposals-page .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.pg-my-proposals-page .badge[class*="hired"],
.pg-my-proposals-page .badge[class*="approved"],
.pg-my-proposals-page .job-table-status .badge[class*="hired"],
.pg-my-proposals-page .job-table-status .badge[class*="approved"] {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-my-proposals-page .badge[class*="rejected"],
.pg-my-proposals-page .badge[class*="cancel"],
.pg-my-proposals-page .job-table-status .badge[class*="rejected"],
.pg-my-proposals-page .job-table-status .badge[class*="cancel"] {
    background: #fff1f3 !important;
    color: #b42318 !important;
}

/* Action icons */

.pg-my-proposals-page .job-table-action,
.pg-my-proposals-page .action-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

.pg-my-proposals-page .job-table-action a,
.pg-my-proposals-page .job-table-action button,
.pg-my-proposals-page .btn-action-icon,
.pg-my-proposals-page .btn-view-proposal-description,
.pg-my-proposals-page .btn-remove-proposal,
.pg-my-proposals-page .btn-edit-proposal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    color: #7c3aed !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.pg-my-proposals-page .job-table-action a:hover,
.pg-my-proposals-page .job-table-action button:hover,
.pg-my-proposals-page .btn-action-icon:hover,
.pg-my-proposals-page .btn-view-proposal-description:hover,
.pg-my-proposals-page .btn-remove-proposal:hover,
.pg-my-proposals-page .btn-edit-proposal:hover {
    background: #f3e8ff !important;
    border-color: #eadcff !important;
    color: #7c3aed !important;
}

.pg-my-proposals-page .btn-remove-proposal,
.pg-my-proposals-page .job-table-action .remove,
.pg-my-proposals-page .job-table-action [title*="Obriši"] {
    color: #b42318 !important;
}

/* Empty state */

.pg-my-proposals-empty {
    padding: 46px 28px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    text-align: center !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
}

.pg-my-proposals-empty__icon {
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto 18px !important;
    border-radius: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

.pg-my-proposals-empty h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
}

.pg-my-proposals-empty p {
    max-width: 560px !important;
    margin: 0 auto 22px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

.pg-my-proposals-empty a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

/* Edit proposal modal polish */

.mfp-wrap [id^="apus-edit-proposal-form-wrapper-"],
[id^="apus-edit-proposal-form-wrapper-"] {
    border-radius: 26px !important;
}

.mfp-wrap [id^="apus-edit-proposal-form-wrapper-"] label,
[id^="apus-edit-proposal-form-wrapper-"] label {
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mfp-wrap [id^="apus-edit-proposal-form-wrapper-"] input,
.mfp-wrap [id^="apus-edit-proposal-form-wrapper-"] textarea,
[id^="apus-edit-proposal-form-wrapper-"] input,
[id^="apus-edit-proposal-form-wrapper-"] textarea {
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.mfp-wrap [id^="apus-edit-proposal-form-wrapper-"] button[type="submit"],
[id^="apus-edit-proposal-form-wrapper-"] button[type="submit"] {
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

/* Mobile */

@media (max-width: 767px) {
    .pg-my-proposals-page {
        padding: 34px 0 72px !important;
    }

    .pg-my-proposals-inner {
        width: calc(100% - 24px) !important;
    }

    .pg-my-proposals-head {
        display: grid !important;
        gap: 16px !important;
        margin-bottom: 22px !important;
    }

    .pg-my-proposals-head h1 {
        font-size: 35px !important;
        line-height: 1.02 !important;
    }

    .pg-my-proposals-head p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-top: 10px !important;
    }

    .pg-my-proposals-back {
        width: fit-content !important;
        min-height: 42px !important;
    }

    .pg-my-proposals-page .search-orderby-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
        border-radius: 22px !important;
    }

    .pg-my-proposals-page .search-orderby-wrapper form:first-child,
    .pg-my-proposals-page .search-orderby-wrapper .search-form,
    .pg-my-proposals-page .search-orderby-wrapper .search-employer-form,
    .pg-my-proposals-page .search-orderby-wrapper .search-applicants-form,
    .pg-my-proposals-page .sortby-form,
    .pg-my-proposals-page .orderby-wrapper,
    .pg-my-proposals-page .orderby-display-mode-wrapper,
    .pg-my-proposals-page select,
    .pg-my-proposals-page select.orderby {
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table,
    .pg-my-proposals-page .widget-proposals table.job-table thead,
    .pg-my-proposals-page .widget-proposals table.job-table tbody,
    .pg-my-proposals-page .widget-proposals table.job-table tr,
    .pg-my-proposals-page .widget-proposals table.job-table td {
        display: block !important;
        width: 100% !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table {
        border-spacing: 0 !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table thead {
        display: none !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table tbody {
        display: grid !important;
        gap: 14px !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table tbody tr,
    .pg-my-proposals-page .widget-proposals table.job-table tbody tr.my-item-wrapper {
        position: relative !important;
        display: block !important;
        padding: 18px !important;
        border: 1px solid #eef2f7 !important;
        border-radius: 24px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table tbody tr td {
        display: block !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .pg-my-proposals-page .widget-proposals table.job-table tbody tr td:first-child,
    .pg-my-proposals-page .widget-proposals table.job-table tbody tr td:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .pg-my-proposals-page .job-table-info-content-title,
    .pg-my-proposals-page .job-table-info-content-title a {
        font-size: 17px !important;
    }

    .pg-my-proposals-page .job-table-cost,
    .pg-my-proposals-page .price-wrapper,
    .pg-my-proposals-page .woocommerce-Price-amount {
        font-size: 22px !important;
    }

    .pg-my-proposals-page .job-table-status .badge,
    .pg-my-proposals-page .badge {
        min-height: 32px !important;
    }

    .pg-my-proposals-page .job-table-action,
    .pg-my-proposals-page .action-button {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 8px !important;
    }

    .pg-my-proposals-page .job-table-action a,
    .pg-my-proposals-page .job-table-action button,
    .pg-my-proposals-page .btn-action-icon,
    .pg-my-proposals-page .btn-view-proposal-description,
    .pg-my-proposals-page .btn-remove-proposal,
    .pg-my-proposals-page .btn-edit-proposal {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 16px !important;
    }

    .pg-my-proposals-empty {
        padding: 32px 18px !important;
        border-radius: 24px !important;
    }
}


/* =========================================================
   PAKTOGRAF — Native potvrda projekta checkout
========================================================= */

body.pg-project-checkout-page {
    background: #f7f6fb !important;
}

body.pg-project-checkout-page #main-container,
body.pg-project-checkout-page #main-content,
body.pg-project-checkout-page .site-main,
body.pg-project-checkout-page .main-content {
    background:
        radial-gradient(circle at 78% 0%, rgba(124, 58, 237, .09), transparent 34%),
        linear-gradient(180deg, #fbfaff 0%, #f7f6fb 48%, #ffffff 100%) !important;
}

.pg-project-confirm-checkout {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pg-checkout-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 58px 0 96px;
}

.pg-checkout-back {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    color: #667085 !important;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none !important;
}

.pg-checkout-back:hover {
    color: #7c3aed !important;
}

.pg-checkout-hero {
    max-width: 760px;
    margin-bottom: 32px;
}

.pg-checkout-eyebrow,
.pg-checkout-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 30px;
    padding: 0 13px;
    border-radius: 999px;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.pg-checkout-hero h1 {
    margin: 16px 0 12px;
    color: #101828;
    font-size: clamp(42px, 5vw, 66px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -0.065em;
}

.pg-checkout-hero p {
    max-width: 720px;
    margin: 0;
    color: #667085;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
}

.pg-checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 28px;
    align-items: start;
}

.pg-checkout-main {
    display: grid;
    gap: 18px;
}

.pg-checkout-card,
.pg-checkout-summary-card {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-checkout-card {
    padding: 26px;
}

.pg-checkout-project-card {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.pg-checkout-card__icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 30px;
    font-weight: 950;
}

.pg-checkout-card h2,
.pg-checkout-summary-card h2 {
    margin: 10px 0 10px;
    color: #101828;
    font-size: 25px;
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.pg-checkout-card p,
.pg-checkout-summary-card p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.pg-checkout-mini-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.pg-checkout-mini-facts span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #067647;
    font-size: 13px;
    font-weight: 900;
}

.pg-checkout-steps {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.pg-checkout-step {
    padding: 16px;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    background: #fbfcff;
}

.pg-checkout-step strong {
    display: block;
    margin-bottom: 6px;
    color: #101828;
    font-size: 15px;
    font-weight: 950;
}

.pg-checkout-step p {
    font-size: 14px;
    line-height: 1.55;
}

.pg-checkout-safety-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fffbeb;
    border-color: #fde68a;
}

.pg-checkout-safety-card__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fef3c7;
    color: #b45309;
    font-size: 20px;
}

.pg-checkout-details-card .woocommerce-billing-fields h3,
.pg-checkout-details-card .woocommerce-additional-fields h3,
.pg-checkout-details-card .woocommerce-shipping-fields h3 {
    margin: 0 0 16px !important;
    color: #101828 !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
}

.pg-checkout-details-card .form-row {
    margin-bottom: 14px !important;
}

.pg-checkout-details-card label {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.pg-checkout-details-card input.input-text,
.pg-checkout-details-card textarea,
.pg-checkout-details-card select {
    min-height: 50px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: #101828 !important;
    box-shadow: none !important;
}

/* Sidebar summary */

.pg-checkout-side {
    position: sticky;
    top: 104px;
}

.pg-checkout-summary-card {
    overflow: hidden;
}

.pg-checkout-summary-head {
    padding: 24px 24px 18px;
    border-bottom: 1px solid #edf0f7;
}

.pg-checkout-summary-mini {
    display: grid;
    gap: 0;
    padding: 0 24px;
}

.pg-checkout-summary-mini > div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 0;
    border-bottom: 1px solid #edf0f7;
}

.pg-checkout-summary-mini span {
    color: #667085;
    font-size: 13px;
    font-weight: 850;
}

.pg-checkout-summary-mini strong {
    max-width: 58%;
    text-align: right;
    color: #101828;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 950;
}

.pg-checkout-summary-total strong {
    font-size: 23px;
    letter-spacing: -0.04em;
}

.pg-checkout-order-review {
    padding: 0;
}

/* Woo order table inside summary */

.pg-project-checkout-page .woocommerce-checkout-review-order-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: #fff !important;
}

.pg-project-checkout-page .woocommerce-checkout-review-order-table thead {
    display: none !important;
}

.pg-project-checkout-page .woocommerce-checkout-review-order-table tbody,
.pg-project-checkout-page .woocommerce-checkout-review-order-table tfoot {
    display: none !important;
}

/* Payment methods */

.pg-project-checkout-page #payment {
    margin: 0 !important;
    padding: 22px 24px 24px !important;
    background: transparent !important;
    border: 0 !important;
}

.pg-project-checkout-page #payment ul.wc_payment_methods {
    display: grid !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.pg-project-checkout-page #payment li.wc_payment_method {
    position: relative !important;
    margin: 0 !important;
    padding: 18px 18px 18px 46px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
}

.pg-project-checkout-page #payment li.wc_payment_method:has(input:checked) {
    border-color: #7c3aed !important;
    background: #fbf7ff !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .08) !important;
}

.pg-project-checkout-page #payment li.wc_payment_method input.input-radio {
    position: absolute !important;
    left: 18px !important;
    top: 22px !important;
    margin: 0 !important;
    accent-color: #7c3aed !important;
}

.pg-project-checkout-page #payment li.wc_payment_method label {
    display: block !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
}

.pg-project-checkout-page #payment .payment_box {
    margin: 14px 0 0 !important;
    padding: 16px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    color: #667085 !important;
}

.pg-project-checkout-page #payment .payment_box p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

.pg-project-checkout-page .woocommerce-privacy-policy-text p {
    margin: 0 0 18px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.pg-project-checkout-page #place_order {
    width: 100% !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #101828 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
}

.pg-project-checkout-page #place_order:hover {
    background: #1d2939 !important;
}

/* Mobile */

@media (max-width: 900px) {
    .pg-checkout-grid {
        grid-template-columns: 1fr;
    }

    .pg-checkout-side {
        position: static;
    }
}

@media (max-width: 767px) {
    body.pg-project-checkout-page {
        padding-bottom: 0 !important;
    }

    body.pg-project-checkout-page .pg-mobile-bottom-nav,
    body.pg-project-checkout-page .pg-mobile-create-sheet,
    body.pg-project-checkout-page .pg-mobile-profile-sheet {
        display: none !important;
    }

    .pg-checkout-shell {
        width: calc(100% - 28px);
        padding: 34px 0 72px;
    }

    .pg-checkout-hero {
        margin-bottom: 24px;
    }

    .pg-checkout-hero h1 {
        font-size: 38px;
        line-height: 1.02;
    }

    .pg-checkout-hero p {
        font-size: 15px;
        line-height: 1.55;
    }

    .pg-checkout-card,
    .pg-checkout-summary-card {
        border-radius: 24px;
    }

    .pg-checkout-card {
        padding: 20px;
    }

    .pg-checkout-project-card,
    .pg-checkout-safety-card {
        display: block;
    }

    .pg-checkout-card__icon,
    .pg-checkout-safety-card__icon {
        margin-bottom: 14px;
    }

    .pg-checkout-card h2,
    .pg-checkout-summary-card h2 {
        font-size: 22px;
    }

    .pg-checkout-mini-facts {
        display: grid;
    }

    .pg-checkout-summary-head {
        padding: 22px 20px 16px;
    }

    .pg-checkout-summary-mini {
        padding: 0 20px;
    }

    .pg-project-checkout-page #payment {
        padding: 20px !important;
    }

    .pg-project-checkout-page #payment li.wc_payment_method {
        padding: 18px 16px 18px 44px !important;
        border-radius: 18px !important;
    }
}

/* PAKTOGRAF — checkout: manje teksta, bolji summary */

.pg-checkout-summary-head h2 {
    margin-bottom: 6px !important;
}

.pg-checkout-summary-head p {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.pg-checkout-fee-row span {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.pg-checkout-fee-row span small {
    display: block !important;
    max-width: 210px !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.pg-checkout-fee-row strong {
    color: #7c3aed !important;
}

.pg-checkout-next-card {
    padding: 24px !important;
}

.pg-checkout-clean-list {
    display: grid !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-checkout-clean-list li {
    position: relative !important;
    padding: 14px 14px 14px 42px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 16px !important;
    background: #fbfcff !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.pg-checkout-clean-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.pg-checkout-clean-list li strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

/* Payment opisi kraći i sitniji */
.pg-project-checkout-page #payment .payment_box {
    padding: 14px !important;
    border-radius: 14px !important;
}

.pg-project-checkout-page #payment .payment_box p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Manji razmak između payment opcija i buttona */
.pg-project-checkout-page #payment ul.wc_payment_methods {
    margin-bottom: 16px !important;
}

/* Mobile: još manje teksta i veća čitljivost */
@media (max-width: 767px) {
    .pg-checkout-summary-head p {
        font-size: 12px !important;
    }

    .pg-checkout-clean-list li {
        padding: 13px 13px 13px 40px !important;
        font-size: 13px !important;
    }

    .pg-checkout-fee-row span small {
        max-width: 180px !important;
        font-size: 10.5px !important;
    }
}

/* =========================================================
   PAKTOGRAF CHECKOUT LAYOUT FIX
   Sprečava da lijeva i desna kolona ulaze jedna preko druge
   ========================================================= */

body.pg-project-checkout-page form.checkout > .row,
body.woocommerce-checkout form.checkout > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 430px) !important;
    gap: 28px !important;
    align-items: start !important;
    margin: 0 !important;
}

/* reset bootstrap kolona unutar checkouta */
body.pg-project-checkout-page form.checkout > .row > [class*="col-"],
body.woocommerce-checkout form.checkout > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* oba stuba neka mogu normalno disati */
body.pg-project-checkout-page .details-check,
body.pg-project-checkout-page .details-review,
body.woocommerce-checkout .details-check,
body.woocommerce-checkout .details-review {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* desna kolona sticky, ali bez ludih širina */
body.pg-project-checkout-page .details-review,
body.woocommerce-checkout .details-review {
    position: sticky !important;
    top: 120px !important;
    align-self: start !important;
}

/* kartice unutar lijeve i desne kolone */
body.pg-project-checkout-page .pg-checkout-card,
body.pg-project-checkout-page .order-review,
body.woocommerce-checkout .pg-checkout-card,
body.woocommerce-checkout .order-review {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    box-sizing: border-box !important;
}

/* ako je negdje ostao ružan fixed width */
body.pg-project-checkout-page .pg-checkout-summary-card,
body.woocommerce-checkout .pg-checkout-summary-card {
    width: 100% !important;
    max-width: 100% !important;
}

/* da lijevi boxovi ne budu zbijeni */
body.pg-project-checkout-page .pg-checkout-main > *,
body.woocommerce-checkout .pg-checkout-main > * {
    margin-bottom: 20px !important;
}

/* da container bude malo širi na desktopu */
body.pg-project-checkout-page .container,
body.pg-project-checkout-page .container-fluid,
body.woocommerce-checkout .container,
body.woocommerce-checkout .container-fluid {
    max-width: 1240px !important;
}

/* TABLET / MOBILE */
@media (max-width: 991px) {
    body.pg-project-checkout-page form.checkout > .row,
    body.woocommerce-checkout form.checkout > .row {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.pg-project-checkout-page .details-review,
    body.woocommerce-checkout .details-review {
        position: static !important;
        top: auto !important;
    }

    body.pg-project-checkout-page .pg-checkout-card,
    body.pg-project-checkout-page .order-review,
    body.woocommerce-checkout .pg-checkout-card,
    body.woocommerce-checkout .order-review {
        margin-bottom: 16px !important;
    }
}













/* =========================================================
   PAKTOGRAF — Radna ploča / workspace
========================================================= */

body:has(.pg-workspace-page) {
    background: #f7f6fb !important;
}

body:has(.pg-workspace-page) #main-container,
body:has(.pg-workspace-page) .site-main,
body:has(.pg-workspace-page) .main-content,
body:has(.pg-workspace-page) .container-fluid.inner {
    background:
        radial-gradient(circle at 78% 0%, rgba(124, 58, 237, .10), transparent 34%),
        linear-gradient(180deg, #fbfaff 0%, #f7f6fb 52%, #ffffff 100%) !important;
}

.pg-workspace-page {
    width: min(1120px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    padding: 58px 0 96px !important;
    color: #101828 !important;
}

.pg-workspace-back {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 24px !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.pg-workspace-back:hover {
    color: #7c3aed !important;
}

.pg-workspace-hero {
    max-width: 760px !important;
    margin-bottom: 34px !important;
}

.pg-workspace-pill,
.pg-workspace-label {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

.pg-workspace-hero h1 {
    margin: 16px 0 12px !important;
    color: #101828 !important;
    font-size: clamp(42px, 5vw, 66px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.065em !important;
}

.pg-workspace-hero p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

.pg-workspace-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 24px !important;
    align-items: start !important;
}

.pg-workspace-main,
.pg-workspace-side {
    display: grid !important;
    gap: 18px !important;
}

.pg-workspace-side {
    position: sticky !important;
    top: 104px !important;
}

.pg-workspace-card {
    padding: 26px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
}

.pg-workspace-card h2 {
    margin: 12px 0 12px !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
}

.pg-workspace-card p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

.pg-workspace-facts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.pg-workspace-facts span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f5f3ff !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.pg-workspace-muted {
    margin-bottom: 18px !important;
}

.pg-workspace-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 16px 34px rgba(124, 58, 237, .26) !important;
}

.pg-workspace-button:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
}

.pg-workspace-small {
    margin-top: 12px !important;
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.pg-workspace-warning,
.pg-workspace-notice {
    padding: 18px 20px !important;
    border: 1px solid #fde68a !important;
    border-radius: 20px !important;
    background: #fffbeb !important;
    color: #92400e !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.pg-workspace-person {
    padding: 15px 0 !important;
    border-bottom: 1px solid #edf0f7 !important;
}

.pg-workspace-person:last-child {
    border-bottom: 0 !important;
}

.pg-workspace-person strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

.pg-workspace-person span {
    display: block !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.pg-workspace-status-card {
    background:
        radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .08), transparent 42%),
        #ffffff !important;
}

/* Mobile */
@media (max-width: 900px) {
    .pg-workspace-grid {
        grid-template-columns: 1fr !important;
    }

    .pg-workspace-side {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    .pg-workspace-page {
        width: calc(100% - 28px) !important;
        padding: 34px 0 86px !important;
    }

    .pg-workspace-hero {
        margin-bottom: 24px !important;
    }

    .pg-workspace-hero h1 {
        font-size: 38px !important;
        line-height: 1.02 !important;
    }

    .pg-workspace-hero p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .pg-workspace-card {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .pg-workspace-card h2 {
        font-size: 23px !important;
    }

    .pg-workspace-facts {
        display: grid !important;
    }

    .pg-workspace-button {
        width: 100% !important;
    }
}

/* PAKTOGRAF — workspace embedded chat polish */

.pg-workspace-chat-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.pg-workspace-chat-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pg-workspace-chat-list {
    display: grid !important;
    gap: 12px !important;
    margin: 18px 0 !important;
    padding: 16px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 22px !important;
    background: #fbfcff !important;
}

.pg-workspace-message {
    max-width: 86% !important;
    padding: 14px 16px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}

.pg-workspace-message.is-mine {
    margin-left: auto !important;
    border-color: rgba(124, 58, 237, .22) !important;
    background: #f7f0ff !important;
}

.pg-workspace-message-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.pg-workspace-message-meta strong {
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.pg-workspace-message-meta span {
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.pg-workspace-message-body,
.pg-workspace-message-body p {
    margin: 0 !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 550 !important;
}

.pg-workspace-message-body a {
    color: #7c3aed !important;
    font-weight: 850 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.pg-workspace-reply-form {
    margin-top: 16px !important;
    padding: 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
}

.pg-workspace-reply-form textarea {
    width: 100% !important;
    min-height: 118px !important;
    padding: 14px 16px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    resize: vertical !important;
    outline: none !important;
}

.pg-workspace-reply-form textarea:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
}

.pg-workspace-reply-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 12px !important;
}

.pg-workspace-reply-actions small {
    color: #98a2b3 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.pg-workspace-reply-actions button {
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

@media (max-width: 767px) {
    .pg-workspace-chat-head {
        display: grid !important;
    }

    .pg-workspace-chat-open {
        width: fit-content !important;
    }

    .pg-workspace-message {
        max-width: 100% !important;
    }

    .pg-workspace-reply-actions {
        display: grid !important;
    }

    .pg-workspace-reply-actions button {
        width: 100% !important;
    }
}


/* =========================================================
   PAKTOGRAF — Radna ploča: embedded chat polish
========================================================= */

.pg-workspace-messages-card {
    overflow: hidden !important;
}

.pg-workspace-chat-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.pg-workspace-chat-head h2 {
    margin-bottom: 8px !important;
}

.pg-workspace-chat-head p {
    max-width: 620px !important;
}

.pg-workspace-chat-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(255, 193, 7, .14) !important;
    border: 1px solid rgba(255, 193, 7, .36) !important;
    color: #7a4b00 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pg-workspace-chat-open:hover {
    color: #5f3b00 !important;
    background: rgba(255, 193, 7, .22) !important;
}

.pg-workspace-chat-list {
    display: grid !important;
    gap: 12px !important;
    margin: 18px 0 !important;
    padding: 16px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 38%),
        #fbfcff !important;
}

.pg-workspace-message {
    width: fit-content !important;
    max-width: min(86%, 560px) !important;
    padding: 14px 16px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}

.pg-workspace-message.is-mine {
    margin-left: auto !important;
    border-color: rgba(124, 58, 237, .22) !important;
    background: #f7f0ff !important;
}

.pg-workspace-message.is-theirs {
    margin-right: auto !important;
}

.pg-workspace-message-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
}

.pg-workspace-message-meta strong {
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.pg-workspace-message-meta span {
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.pg-workspace-message-body,
.pg-workspace-message-body p {
    margin: 0 !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 550 !important;
}

.pg-workspace-message-body a {
    color: #7c3aed !important;
    font-weight: 900 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.pg-workspace-reply-form {
    margin-top: 16px !important;
    padding: 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
}

.pg-workspace-reply-form textarea {
    width: 100% !important;
    min-height: 118px !important;
    padding: 14px 16px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 550 !important;
    resize: vertical !important;
    outline: none !important;
}

.pg-workspace-reply-form textarea::placeholder {
    color: #98a2b3 !important;
}

.pg-workspace-reply-form textarea:focus {
    border-color: #7c3aed !important;
    box-shadow:
        0 0 0 4px rgba(124, 58, 237, .10),
        0 12px 26px rgba(255, 193, 7, .10) !important;
}

.pg-workspace-reply-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 12px !important;
}

.pg-workspace-reply-actions small {
    color: #98a2b3 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.pg-workspace-reply-actions small::before {
    content: "●";
    color: #ffc107 !important;
    margin-right: 7px !important;
}

.pg-workspace-reply-actions button {
    min-height: 46px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

.pg-workspace-reply-actions button:hover {
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 767px) {
    .pg-workspace-chat-head {
        display: grid !important;
    }

    .pg-workspace-chat-open {
        width: fit-content !important;
    }

    .pg-workspace-chat-list {
        padding: 14px !important;
    }

    .pg-workspace-message {
        max-width: 100% !important;
    }

    .pg-workspace-reply-actions {
        display: grid !important;
    }

    .pg-workspace-reply-actions button {
        width: 100% !important;
    }
}

/* =========================================================
   PAKTOGRAF — Workspace completion / review hint
========================================================= */

.pg-workspace-flow-note {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    margin: 18px 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 193, 7, .42) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 193, 7, .18), transparent 42%),
        rgba(255, 193, 7, .08) !important;
}

.pg-workspace-flow-note__icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffc107 !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 10px 22px rgba(255, 193, 7, .22) !important;
}

.pg-workspace-flow-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
}

.pg-workspace-flow-note p {
    margin: 0 !important;
    color: #7a4b00 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-workspace-confirm-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 !important;
}

.pg-workspace-confirm-item {
    position: relative !important;
    padding: 16px 16px 16px 48px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 20px !important;
    background: #fbfcff !important;
}

.pg-workspace-confirm-dot {
    position: absolute !important;
    left: 16px !important;
    top: 17px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    border: 2px solid #d0d5dd !important;
    background: #ffffff !important;
}

.pg-workspace-confirm-item strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.pg-workspace-confirm-item small {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.pg-workspace-confirm-item.is-done {
    border-color: rgba(22, 163, 74, .22) !important;
    background: #ecfdf3 !important;
}

.pg-workspace-confirm-item.is-done .pg-workspace-confirm-dot {
    border-color: #16a34a !important;
    background: #16a34a !important;
}

.pg-workspace-confirm-item.is-done .pg-workspace-confirm-dot::after {
    content: "✓" !important;
    position: absolute !important;
    inset: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.pg-workspace-confirm-item.is-done small {
    color: #067647 !important;
}

@media (max-width: 767px) {
    .pg-workspace-confirm-grid {
        grid-template-columns: 1fr !important;
    }

    .pg-workspace-flow-note {
        padding: 14px !important;
    }
}

/* =========================================================
   PAKTOGRAF — Workspace review card in chat
========================================================= */

.pg-workspace-review-card {
    margin: 18px 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid #e6eaf2 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}

.pg-workspace-review-card.is-locked {
    border-color: rgba(255, 193, 7, .38) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 193, 7, .14), transparent 40%),
        #fffdf5 !important;
}

.pg-workspace-review-card.is-unlocked {
    border-color: rgba(124, 58, 237, .20) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 42%),
        #ffffff !important;
}

.pg-workspace-review-card.is-complete {
    border-color: rgba(22, 163, 74, .26) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(22, 163, 74, .10), transparent 40%),
        #f7fff9 !important;
}

.pg-workspace-review-head {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
}

.pg-workspace-review-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffc107 !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    box-shadow: 0 10px 22px rgba(255, 193, 7, .22) !important;
}

.pg-workspace-review-head strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: -0.015em !important;
}

.pg-workspace-review-head p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
}

.pg-workspace-review-status {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
}

.pg-workspace-review-status span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.pg-workspace-review-status span.is-done {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-workspace-review-form {
    margin-top: 16px !important;
    padding: 16px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 18px !important;
    background: #fbfcff !important;
}

.pg-workspace-review-form label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.pg-workspace-stars {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    gap: 4px !important;
    margin-bottom: 14px !important;
}

.pg-workspace-stars input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pg-workspace-stars label {
    margin: 0 !important;
    color: #d0d5dd !important;
    font-size: 30px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: transform .12s ease, color .12s ease !important;
}

.pg-workspace-stars label:hover,
.pg-workspace-stars label:hover ~ label,
.pg-workspace-stars input:checked ~ label {
    color: #ffc107 !important;
}

.pg-workspace-stars label:hover {
    transform: translateY(-1px) !important;
}

.pg-workspace-review-form textarea {
    width: 100% !important;
    min-height: 96px !important;
    padding: 13px 15px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 550 !important;
    resize: vertical !important;
    outline: none !important;
}

.pg-workspace-review-form textarea:focus {
    border-color: #7c3aed !important;
    box-shadow:
        0 0 0 4px rgba(124, 58, 237, .10),
        0 12px 26px rgba(255, 193, 7, .10) !important;
}

.pg-workspace-review-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 12px !important;
}

.pg-workspace-review-actions small {
    color: #98a2b3 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.pg-workspace-review-actions small::before {
    content: "●";
    color: #ffc107 !important;
    margin-right: 7px !important;
}

.pg-workspace-review-actions button {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .20) !important;
}

.pg-workspace-review-done {
    margin-top: 16px !important;
    padding: 14px !important;
    border: 1px solid #d1fadf !important;
    border-radius: 16px !important;
    background: #ecfdf3 !important;
}

.pg-workspace-review-done strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #067647 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.pg-workspace-review-done p {
    margin: 0 !important;
    color: #067647 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}

@media (max-width: 767px) {
    .pg-workspace-review-head {
        gap: 12px !important;
    }

    .pg-workspace-review-form {
        padding: 14px !important;
    }

    .pg-workspace-review-actions {
        display: grid !important;
    }

    .pg-workspace-review-actions button {
        width: 100% !important;
    }
}

/* =========================================================
   PAKTOGRAF — /poruke/ inbox polish
   Scoped only to WP Private Message page
========================================================= */

.box-dashboard-message {
    width: min(1280px, calc(100% - 48px)) !important;
    margin: 48px auto 96px !important;
}

.box-dashboard-message .title-profile {
    margin: 0 0 26px !important;
    color: #101828 !important;
    font-size: clamp(42px, 5vw, 64px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.065em !important;
}

.box-dashboard-message .title-profile::after {
    content: "Paktograf poruke";
    display: inline-flex;
    align-items: center;
    margin-left: 14px;
    padding: 8px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3e8ff 0%, rgba(255, 193, 7, .16) 100%);
    color: #7c3aed;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
    vertical-align: middle;
}

.box-dashboard-message .message-section-wrapper {
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .065) !important;
    overflow: hidden !important;
}

.box-dashboard-message .message-inner {
    min-height: 620px !important;
}

/* left column */
.box-dashboard-message .list-message-wrapper {
    width: 100% !important;
    border-right: 1px solid #eef2f7 !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.box-dashboard-message .search-message-form {
    padding: 22px 22px 14px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 193, 7, .10), transparent 34%),
        #ffffff !important;
}

.box-dashboard-message .search-wrapper-message {
    position: relative !important;
}

.box-dashboard-message .search-wrapper-message .form-control {
    width: 100% !important;
    height: 54px !important;
    padding: 0 54px 0 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 18px !important;
    background: #fbfcff !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    outline: none !important;
}

.box-dashboard-message .search-wrapper-message .form-control:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
}

.box-dashboard-message .search-message-btn {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

/* filters */
.box-dashboard-message .filter-options {
    margin-top: 16px !important;
}

.box-dashboard-message .list-options-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.box-dashboard-message .list-options-action li {
    margin: 0 !important;
}

.box-dashboard-message .list-options-action input {
    display: none !important;
}

.box-dashboard-message .list-options-action label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.box-dashboard-message .list-options-action input:checked + label {
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

/* message list */
.box-dashboard-message .list-message-inner {
    background: #ffffff !important;
}

.box-dashboard-message .list-message {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.box-dashboard-message .list-message > li {
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
    transition: background .16s ease !important;
}

.box-dashboard-message .list-message > li:hover {
    background: #fbf7ff !important;
}

.box-dashboard-message .list-message > li.active {
    background:
        linear-gradient(90deg, rgba(124, 58, 237, .085), rgba(255, 193, 7, .09)) !important;
}

.box-dashboard-message .message-item {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 18px 22px !important;
    text-decoration: none !important;
    color: #101828 !important;
}

.box-dashboard-message .avatar {
    flex: 0 0 48px !important;
}

.box-dashboard-message .avatar img,
.box-dashboard-message img.avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.box-dashboard-message .message-item .content {
    min-width: 0 !important;
    flex: 1 !important;
}

.box-dashboard-message .message-item .user-name {
    margin: 0 0 5px !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.box-dashboard-message .message-time {
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.box-dashboard-message .message-title {
    color: #475467 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* right side */
.box-dashboard-message .replies-content {
    width: 100% !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.box-dashboard-message .recipient-info {
    min-height: 78px !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
}

.box-dashboard-message .recipient-info .message-item {
    padding: 0 !important;
}

.box-dashboard-message .recipient-info .user-name {
    margin: 0 0 4px !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.box-dashboard-message .delete-message-btn {
    margin-top: 8px !important;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.box-dashboard-message .delete-message-btn:hover {
    color: #b91c1c !important;
    text-decoration: underline !important;
}

/* conversation body */
.box-dashboard-message .content-box-white {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 40%),
        #ffffff !important;
}

.box-dashboard-message .list-replies-inner {
    min-height: 470px !important;
    padding: 28px 28px 22px !important;
    background: #ffffff !important;
}

.box-dashboard-message .list-replies {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    gap: 18px !important;
}

.box-dashboard-message .list-replies li {
    display: flex !important;
    width: 100% !important;
}

.box-dashboard-message .list-replies li.yourself-reply {
    justify-content: flex-end !important;
}

.box-dashboard-message .reply-content {
    width: fit-content !important;
    max-width: min(76%, 680px) !important;
}

.box-dashboard-message .post-date {
    margin-bottom: 8px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    text-align: right !important;
}

.box-dashboard-message .post-content {
    padding: 16px 18px !important;
    border: 1px solid #e6f4ea !important;
    border-radius: 20px !important;
    background: #f2fbf5 !important;
    color: #15803d !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .035) !important;
    white-space: pre-line !important;
}

/* reply form */
.box-dashboard-message .reply-message-form-wrapper {
    padding: 18px 24px 22px !important;
    border-top: 1px solid #eef2f7 !important;
    background: #ffffff !important;
}

.box-dashboard-message .reply-message-form .wrapper-form {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.box-dashboard-message .reply-message-form textarea.form-control {
    min-height: 56px !important;
    max-height: 160px !important;
    padding: 16px 18px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical !important;
}

.box-dashboard-message .reply-message-form textarea.form-control:focus {
    border-color: #7c3aed !important;
    box-shadow:
        0 0 0 4px rgba(124, 58, 237, .10),
        0 12px 24px rgba(255, 193, 7, .08) !important;
}

.box-dashboard-message .reply-message-btn {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
}

.box-dashboard-message .reply-message-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 36px rgba(124, 58, 237, .28) !important;
}

/* toggle button on mobile */
.box-dashboard-message .toggle-message-btn {
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* Mobile */
@media (max-width: 991px) {
    .box-dashboard-message {
        width: calc(100% - 28px) !important;
        margin: 32px auto 96px !important;
    }

    .box-dashboard-message .title-profile {
        font-size: 38px !important;
        margin-bottom: 18px !important;
    }

    .box-dashboard-message .title-profile::after {
        display: flex !important;
        width: fit-content !important;
        margin: 12px 0 0 !important;
    }

    .box-dashboard-message .message-section-wrapper {
        border-radius: 26px !important;
    }

    .box-dashboard-message .list-message-wrapper {
        border-right: 0 !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    .box-dashboard-message .message-inner {
        min-height: auto !important;
    }

    .box-dashboard-message .list-replies-inner {
        min-height: 360px !important;
        padding: 18px 16px !important;
    }

    .box-dashboard-message .reply-content {
        max-width: 100% !important;
    }

    .box-dashboard-message .reply-message-form-wrapper {
        padding: 14px !important;
    }

    .box-dashboard-message .reply-message-form .wrapper-form {
        align-items: flex-end !important;
    }
}

/* =========================================================
   PAKTOGRAF — Poruke final alignment patch
========================================================= */

/* Malo širi i stabilniji container */
.box-dashboard-message {
    width: min(1320px, calc(100% - 56px)) !important;
}

/* Glavni okvir: manje “stisnut” i bolji odnos kolona */
.box-dashboard-message .message-section-wrapper {
    min-height: 660px !important;
}

.box-dashboard-message .message-inner {
    min-height: 660px !important;
}

/* Lijeva kolona neka bude malo šira i čistija */
.box-dashboard-message .message-inner > .col-lg-4 {
    flex: 0 0 36% !important;
    max-width: 36% !important;
}

.box-dashboard-message .message-inner > .col-lg-8 {
    flex: 0 0 64% !important;
    max-width: 64% !important;
}

/* Search input fix */
.box-dashboard-message .search-message-form {
    padding: 28px 28px 16px !important;
}

.box-dashboard-message .search-wrapper-message {
    width: 100% !important;
}

.box-dashboard-message .search-wrapper-message .form-control {
    height: 56px !important;
    padding-left: 58px !important;
    padding-right: 18px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
}

.box-dashboard-message .search-message-btn {
    left: 12px !important;
    right: auto !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    pointer-events: none !important;
}

.box-dashboard-message .search-message-btn i {
    font-size: 16px !important;
}

/* Conversation list spacing */
.box-dashboard-message .message-item {
    padding: 20px 28px !important;
}

.box-dashboard-message .list-message > li.active {
    background:
        linear-gradient(90deg, rgba(124, 58, 237, .09), rgba(255, 193, 7, .10)) !important;
}

/* Desni header */
.box-dashboard-message .recipient-info {
    padding: 20px 28px !important;
}

.box-dashboard-message .recipient-info .delete-message-btn {
    position: relative !important;
    top: 3px !important;
}

/* Chat body: manje prazno i bolje poravnanje */
.box-dashboard-message .list-replies-inner {
    min-height: 470px !important;
    max-height: 520px !important;
    overflow-y: auto !important;
    padding: 30px 34px 18px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
}

.box-dashboard-message .list-replies {
    gap: 20px !important;
}

/* Bubble: malo prirodniji chat */
.box-dashboard-message .reply-content {
    max-width: min(72%, 620px) !important;
}

.box-dashboard-message .post-content {
    padding: 16px 20px !important;
    border-radius: 20px 20px 6px 20px !important;
    background: #f0fbf4 !important;
    color: #067647 !important;
}

/* Linkovi u porukama */
.box-dashboard-message .post-content a {
    color: #7c3aed !important;
    font-weight: 950 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Form wrapper da ne “pobjegne” iz okvira */
.box-dashboard-message .reply-message-form-wrapper {
    padding: 18px 34px 24px !important;
    background: #ffffff !important;
}

.box-dashboard-message .reply-message-form .wrapper-form {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 14px !important;
    align-items: end !important;
}

.box-dashboard-message .reply-message-form textarea.form-control {
    width: 100% !important;
    min-height: 58px !important;
    max-height: 130px !important;
    margin: 0 !important;
    border-radius: 18px !important;
}

.box-dashboard-message .reply-message-btn {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border-radius: 18px !important;
}

/* Ikona send malo centriranija */
.box-dashboard-message .reply-message-btn i {
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Ukloni višak linija iznad forme ako ih plugin dodaje */
.box-dashboard-message .content-box-white > hr,
.box-dashboard-message .reply-message-form-wrapper::before {
    display: none !important;
}

/* Mobile/tablet: vrati kolone na 100% */
@media (max-width: 991px) {
    .box-dashboard-message {
        width: calc(100% - 28px) !important;
    }

    .box-dashboard-message .message-inner > .col-lg-4,
    .box-dashboard-message .message-inner > .col-lg-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .box-dashboard-message .list-replies-inner {
        max-height: none !important;
        min-height: 340px !important;
        padding: 20px 16px !important;
    }

    .box-dashboard-message .reply-content {
        max-width: 100% !important;
    }

    .box-dashboard-message .reply-message-form-wrapper {
        padding: 14px !important;
    }
}


/* =========================================================
   PAKTOGRAF — Moji projekti dashboard stable CSS
   Scoped to .pg-dash--projects only
========================================================= */

.pg-dash--projects {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 72px auto 110px !important;
}

.pg-dash--projects .pg-dash-head {
    margin: 0 0 32px !important;
}

.pg-dash--projects .pg-dash-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}

.pg-dash--projects .pg-dash-head h1 {
    margin: 16px 0 10px !important;
    color: #101828 !important;
    font-size: clamp(48px, 6vw, 72px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.07em !important;
}

.pg-dash--projects .pg-dash-head p {
    max-width: 680px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-dash--projects .pg-dash-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 28px !important;
    padding: 22px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .045) !important;
}

.pg-dash--projects .pg-dash-search {
    position: relative !important;
    flex: 1 1 520px !important;
    max-width: 520px !important;
}

.pg-dash--projects .pg-dash-search input[type="text"] {
    width: 100% !important;
    height: 58px !important;
    padding: 0 64px 0 22px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    outline: none !important;
    box-shadow: none !important;
}

.pg-dash--projects .pg-dash-search input[type="text"]:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
}

.pg-dash--projects .pg-dash-search button {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 46px !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 24px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

.pg-dash--projects .pg-dash-sort {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.pg-dash--projects .pg-dash-sort label {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.pg-dash--projects .pg-dash-sort select {
    min-width: 170px !important;
    height: 58px !important;
    padding: 0 18px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    outline: none !important;
}

.pg-dash--projects .pg-dash-list {
    display: grid !important;
    gap: 18px !important;
}

.pg-dash--projects .pg-dash-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) 260px 360px !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 28px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .052) !important;
}

.pg-dash--projects .pg-dash-card__topline {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.pg-dash--projects .pg-dash-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.pg-dash--projects .pg-dash-status.is-open {
    background: #ecfdf3 !important;
    color: #047857 !important;
}

.pg-dash--projects .pg-dash-status.is-progress {
    background: rgba(255, 193, 7, .14) !important;
    color: #7a4b00 !important;
}

.pg-dash--projects .pg-dash-status.is-pending,
.pg-dash--projects .pg-dash-status.is-draft {
    background: #fff7ed !important;
    color: #c2410c !important;
}

.pg-dash--projects .pg-dash-status.is-completed {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.pg-dash--projects .pg-dash-status.is-closed,
.pg-dash--projects .pg-dash-status.is-cancelled {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.pg-dash--projects .pg-dash-card__date {
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.pg-dash--projects .pg-dash-card__title {
    margin: 0 0 14px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-dash--projects .pg-dash-card__title a {
    color: inherit !important;
    text-decoration: none !important;
}

.pg-dash--projects .pg-dash-card__title a:hover {
    color: #7c3aed !important;
}

.pg-dash--projects .pg-dash-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.pg-dash--projects .pg-dash-meta span {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f7f0ff !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.pg-dash--projects .pg-dash-card__side {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding-left: 26px !important;
    border-left: 1px solid #eef2f7 !important;
}

.pg-dash--projects .pg-dash-money span,
.pg-dash--projects .pg-dash-proposals small {
    display: block !important;
    margin-bottom: 6px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}

.pg-dash--projects .pg-dash-money strong {
    color: #101828 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-dash--projects .pg-dash-proposals span {
    display: inline-flex !important;
    min-height: 34px !important;
    min-width: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.pg-dash--projects .pg-dash-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.pg-dash--projects .pg-dash-btn {
    min-height: 52px !important;
    padding: 0 20px !important;
    border-radius: 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.pg-dash--projects .pg-dash-btn--primary {
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

.pg-dash--projects .pg-dash-btn--soft {
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

.pg-dash--projects .pg-dash-icon-btn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    color: #667085 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

.pg-dash--projects .pg-dash-empty {
    margin-top: 28px !important;
    padding: 70px 28px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 32px !important;
    background: radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .08), transparent 38%), #ffffff !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .06) !important;
    text-align: center !important;
}

.pg-dash--projects .pg-dash-empty__icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 20px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f3e8ff, rgba(255,193,7,.18)) !important;
    color: #7c3aed !important;
    font-size: 30px !important;
}

.pg-dash--projects .pg-dash-empty h2 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
}

.pg-dash--projects .pg-dash-empty p {
    max-width: 560px !important;
    margin: 0 auto 24px !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-dash--projects {
        width: calc(100% - 28px) !important;
        margin: 84px auto 110px !important;
    }

    .pg-dash--projects .pg-dash-head {
        margin-bottom: 24px !important;
    }

    .pg-dash--projects .pg-dash-head h1 {
        font-size: 46px !important;
        line-height: 1.02 !important;
        margin-top: 14px !important;
    }

    .pg-dash--projects .pg-dash-head p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .pg-dash--projects .pg-dash-toolbar {
        display: grid !important;
        gap: 16px !important;
        padding: 14px !important;
        border-radius: 26px !important;
    }

    .pg-dash--projects .pg-dash-search {
        max-width: none !important;
    }

    .pg-dash--projects .pg-dash-search input[type="text"] {
        height: 54px !important;
        border-radius: 18px !important;
    }

    .pg-dash--projects .pg-dash-sort {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .pg-dash--projects .pg-dash-sort select {
        min-width: 0 !important;
        flex: 1 !important;
        max-width: 220px !important;
        height: 54px !important;
        border-radius: 18px !important;
    }

    .pg-dash--projects .pg-dash-card {
        display: block !important;
        padding: 0 !important;
        border-radius: 30px !important;
        overflow: hidden !important;
    }

    .pg-dash--projects .pg-dash-card__main {
        padding: 24px 24px 18px !important;
    }

    .pg-dash--projects .pg-dash-card__topline {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    .pg-dash--projects .pg-dash-card__title {
        font-size: 24px !important;
    }

    .pg-dash--projects .pg-dash-meta {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .pg-dash--projects .pg-dash-meta span {
        width: fit-content !important;
        max-width: 100% !important;
        white-space: normal !important;
        line-height: 1.35 !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pg-dash--projects .pg-dash-card__side {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 18px 24px !important;
        border-left: 0 !important;
        border-top: 1px solid #eef2f7 !important;
    }

    .pg-dash--projects .pg-dash-money strong {
        font-size: 30px !important;
    }

    .pg-dash--projects .pg-dash-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        padding: 18px 24px 24px !important;
        border-top: 1px solid #eef2f7 !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--primary {
        width: 100% !important;
        min-height: 56px !important;
        font-size: 15px !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--soft {
        flex: 1 1 auto !important;
    }

    .pg-dash--projects .pg-dash-empty {
        padding: 52px 22px !important;
        border-radius: 30px !important;
    }

    .pg-dash--projects .pg-dash-empty h2 {
        font-size: 30px !important;
    }
}

/* =========================================================
   PAKTOGRAF — Ponude za projekat / my-proposals.php stable
   Scoped to .pg-project-proposals-page
========================================================= */

.pg-project-proposals-page {
    width: min(1320px, calc(100% - 56px)) !important;
    margin: 0 auto 110px !important;
    padding-top: 58px !important;
}

.pg-owner-proposals-hero {
    margin-bottom: 30px !important;
}

.pg-owner-proposals-back {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.pg-owner-proposals-back:hover {
    color: #7c3aed !important;
}

.pg-owner-proposals-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f3e8ff 0%, rgba(255, 193, 7, .16) 100%) !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-owner-proposals-hero h1 {
    margin: 16px 0 12px !important;
    color: #101828 !important;
    font-size: clamp(44px, 5vw, 72px) !important;
    line-height: .98 !important;
    letter-spacing: -0.07em !important;
    font-weight: 950 !important;
}

.pg-owner-proposals-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 19px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-owner-project-summary {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) 170px 170px 190px !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 34px 0 !important;
    padding: 28px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .06) !important;
}

.pg-owner-project-summary__icon {
    width: 66px !important;
    height: 66px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

.pg-owner-project-summary__badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.pg-owner-project-summary__badges span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.pg-owner-project-summary__badges span:first-child {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-owner-project-summary h2 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-owner-project-summary h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.pg-owner-project-summary h2 a:hover {
    color: #7c3aed !important;
}

.pg-owner-project-summary__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.pg-owner-project-summary__stat {
    padding-left: 24px !important;
    border-left: 1px solid #e6eaf2 !important;
}

.pg-owner-project-summary__stat span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.pg-owner-project-summary__stat strong {
    display: block !important;
    color: #101828 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-owner-project-summary__link {
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 18px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pg-owner-project-summary__link:hover {
    background: #ead8ff !important;
    color: #6d28d9 !important;
}

.pg-owner-proposals-list {
    display: grid !important;
    gap: 22px !important;
    margin-top: 28px !important;
}

.pg-owner-proposal-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) 210px 190px 250px !important;
    align-items: center !important;
    gap: 26px !important;
    padding: 30px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055) !important;
}

.pg-owner-proposal-card__person {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    min-width: 0 !important;
}

.pg-owner-proposal-card__avatar {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e8ff !important;
    overflow: hidden !important;
}

.pg-owner-proposal-card__avatar img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
}

.pg-owner-proposal-card__avatar span {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.pg-owner-proposal-card h2 {
    margin: 0 0 16px !important;
    color: #101828 !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
}

.pg-owner-proposal-card h2 a,
.pg-owner-proposal-card h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.pg-owner-proposal-card h2 a:hover,
.pg-owner-proposal-card h3 a:hover {
    color: #7c3aed !important;
}

.pg-owner-proposal-card h3 {
    margin: 0 0 12px !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
}

.pg-owner-proposal-card__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.pg-owner-proposal-card__price span,
.pg-owner-proposal-card__status > span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-owner-proposal-card__price strong {
    display: block !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-owner-proposal-card__price small {
    display: block !important;
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.pg-owner-status {
    width: fit-content !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 193, 7, .14) !important;
    color: #9a4b00 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.pg-owner-status.is-hired {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-owner-status.is-completed {
    background: #eef4ff !important;
    color: #3538cd !important;
}

.pg-owner-status.is-cancelled {
    background: #fef3f2 !important;
    color: #b42318 !important;
}

.pg-owner-proposal-card__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.pg-owner-btn,
.pg-owner-icon-btn {
    min-height: 50px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.pg-owner-btn {
    padding: 0 22px !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.pg-owner-btn--primary {
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

.pg-owner-icon-btn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border: 1px solid #e6eaf2 !important;
    background: #ffffff !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-style: normal !important;
}

.pg-owner-icon-btn:hover {
    border-color: rgba(124, 58, 237, .30) !important;
    background: #f7f0ff !important;
    color: #7c3aed !important;
}

.pg-owner-icon-btn span {
    font-size: 18px !important;
    line-height: 1 !important;
}

.pg-owner-icon-btn em {
    display: none !important;
    font-style: normal !important;
}

.pg-owner-proposals-empty,
.pg-owner-proposals-empty.pg-owner-proposals-empty {
    margin: 32px auto 0 !important;
    padding: 70px 32px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .08), transparent 36%),
        #ffffff !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .06) !important;
    text-align: center !important;
}

.pg-owner-proposals-empty__icon {
    width: 76px !important;
    height: 76px !important;
    margin: 0 auto 22px !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f3e8ff, rgba(255, 193, 7, .22)) !important;
    color: #7c3aed !important;
    font-size: 32px !important;
    font-weight: 950 !important;
}

.pg-owner-proposals-empty h2 {
    max-width: 680px !important;
    margin: 0 auto 14px !important;
    color: #101828 !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
}

.pg-owner-proposals-empty p {
    max-width: 640px !important;
    margin: 0 auto 28px !important;
    color: #667085 !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-owner-proposals-empty a {
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

.pg-owner-proposals-pagination {
    margin-top: 34px !important;
}

/* Message popup */
body.pg-owner-message-open {
    overflow: hidden !important;
}

.pg-owner-message-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
}

.pg-owner-message-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, .72) !important;
    backdrop-filter: blur(3px) !important;
}

.pg-owner-message-dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(760px, 100%) !important;
    max-height: calc(100vh - 44px) !important;
    overflow: auto !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .30) !important;
}

.pg-owner-message-close {
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    z-index: 3 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
}

.pg-owner-message-head {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 28px 84px 28px 32px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .12), transparent 38%),
        #ffffff !important;
}

.pg-owner-message-head > span {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 23px !important;
    font-weight: 950 !important;
}

.pg-owner-message-head strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #101828 !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
}

.pg-owner-message-head small {
    display: block !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.pg-owner-message-body {
    padding: 32px 38px 38px !important;
}

.pg-owner-message-body p {
    margin: 0 !important;
    padding: 18px 20px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 20px !important;
    background: #fbfcff !important;
    color: #101828 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 750 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pg-project-proposals-page {
        width: calc(100% - 28px) !important;
        margin-bottom: 120px !important;
        padding-top: 38px !important;
    }

    .pg-owner-proposals-hero {
        margin-bottom: 26px !important;
    }

    .pg-owner-proposals-back {
        margin-bottom: 14px !important;
    }

    .pg-owner-proposals-eyebrow {
        min-height: 28px !important;
        font-size: 11px !important;
    }

    .pg-owner-proposals-hero h1 {
        font-size: 46px !important;
        line-height: 1.02 !important;
        margin-top: 14px !important;
    }

    .pg-owner-proposals-hero p {
        font-size: 18px !important;
        line-height: 1.55 !important;
    }

    .pg-owner-project-summary {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .pg-owner-project-summary__icon {
        width: 58px !important;
        height: 58px !important;
    }

    .pg-owner-project-summary h2 {
        font-size: 25px !important;
    }

    .pg-owner-project-summary__stat {
        padding-left: 0 !important;
        padding-top: 16px !important;
        border-left: 0 !important;
        border-top: 1px solid #eef2f7 !important;
    }

    .pg-owner-project-summary__link {
        width: 100% !important;
    }

    .pg-owner-proposal-card {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding: 0 !important;
        border-radius: 30px !important;
        overflow: hidden !important;
    }

    .pg-owner-proposal-card__person,
    .pg-owner-proposal-card__price,
    .pg-owner-proposal-card__status,
    .pg-owner-proposal-card__actions {
        padding: 24px !important;
    }

    .pg-owner-proposal-card__person {
        align-items: flex-start !important;
        gap: 18px !important;
    }

    .pg-owner-proposal-card__avatar {
        width: 68px !important;
        height: 68px !important;
        flex-basis: 68px !important;
    }

    .pg-owner-proposal-card__avatar img {
        width: 68px !important;
        height: 68px !important;
    }

    .pg-owner-proposal-card h2 {
        font-size: 20px !important;
        margin-bottom: 18px !important;
    }

    .pg-owner-proposal-card h3 {
        font-size: 18px !important;
    }

    .pg-owner-proposal-card__meta {
        display: grid !important;
        gap: 9px !important;
        font-size: 14px !important;
    }

    .pg-owner-proposal-card__price,
    .pg-owner-proposal-card__status,
    .pg-owner-proposal-card__actions {
        border-top: 1px solid #eef2f7 !important;
    }

    .pg-owner-proposal-card__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
        gap: 12px !important;
    }

    .pg-owner-proposal-card__actions::before {
        content: "AKCIJE";
        display: block !important;
        color: #667085 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    .pg-owner-btn {
        width: 100% !important;
        min-height: 58px !important;
        font-size: 18px !important;
        border-radius: 20px !important;
    }

    .pg-owner-icon-btn {
        width: 100% !important;
        min-height: 54px !important;
        border-radius: 18px !important;
        gap: 9px !important;
        color: #7c3aed !important;
        border-color: rgba(124, 58, 237, .30) !important;
    }

    .pg-owner-icon-btn em {
        display: inline !important;
        color: inherit !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        line-height: 1.1 !important;
    }

    .pg-owner-proposals-empty {
        padding: 58px 22px !important;
        border-radius: 30px !important;
    }

    .pg-owner-proposals-empty h2 {
        font-size: 36px !important;
    }

    .pg-owner-proposals-empty p {
        font-size: 17px !important;
    }

    .pg-owner-proposals-empty a {
        width: 100% !important;
        min-height: 58px !important;
        font-size: 17px !important;
    }

    .pg-owner-message-overlay {
        padding: 16px !important;
        align-items: flex-end !important;
    }

    .pg-owner-message-dialog {
        width: 100% !important;
        border-radius: 26px 26px 0 0 !important;
        max-height: 86vh !important;
    }

    .pg-owner-message-head {
        padding: 24px 72px 22px 22px !important;
    }

    .pg-owner-message-head strong {
        font-size: 25px !important;
    }

    .pg-owner-message-close {
        top: 20px !important;
        right: 18px !important;
    }

    .pg-owner-message-body {
        padding: 24px 22px 28px !important;
    }

    .pg-owner-message-body p {
        font-size: 16px !important;
    }
}



/* =========================================================
   PAKTOGRAF PROJECT BUGFIX V2 — urgent project module fixes
   ========================================================= */

/* 1) Registracija loading overlay — hard blur preko kompletne forme */
body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap,
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap > *:not(.pg-register-loading-layer),
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading > *:not(.pg-register-loading-layer),
.pg-auth-screen--register form.pg-register-is-loading > * {
    filter: blur(4px) !important;
    opacity: .38 !important;
    pointer-events: none !important;
    user-select: none !important;
}

body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap::after,
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading::after,
.pg-auth-screen--register form.pg-register-is-loading::after {
    content: "Kreiramo račun..." !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 140px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.76) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #2b174d !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

/* 6) Hire feedback / dashboard badges */
.pg-dash-status.is-progress,
.pg-dash-status.is-hired,
.pg-owner-status.is-hired,
.pg-owner-project-summary__badges .is-progress {
    background: #ede9fe !important;
    color: #5b21b6 !important;
    border-color: rgba(124,58,237,.22) !important;
}

.pg-dash-status.is-completed,
.pg-owner-status.is-completed,
.pg-owner-project-summary__badges .is-completed {
    background: #ecfdf3 !important;
    color: #027a48 !important;
    border-color: rgba(18,183,106,.24) !important;
}

/* 7) Mobile modal centriranje — hard override za tvrdoglave modale */
@media (max-width: 767px) {
    body.pg-owner-message-open .pg-owner-message-overlay,
    .pg-owner-message-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.pg-owner-message-open .pg-owner-message-dialog,
    .pg-owner-message-dialog {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate3d(-50%, -50%, 0) !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 32px) !important;
        margin: 0 !important;
        border-radius: 24px !important;
        overflow: auto !important;
    }

    .mfp-wrap .mfp-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-align: center !important;
    }

    .mfp-wrap .mfp-content,
    .modal.show .modal-dialog,
    .modal.in .modal-dialog,
    .modal-dialog,
    .apus-modal .modal-dialog,
    .project-proposal-form,
    .proposal-form-wrapper,
    .job-apply-email-form-wrapper,
    .job-apply-internal-form-wrapper {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate3d(-50%, -50%, 0) !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 32px) !important;
        margin: 0 !important;
        overflow: auto !important;
    }
}

/* 8) Workspace modern status header */
.pg-workspace-hero--modern {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    border-radius: 30px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at 90% 10%, rgba(255,193,7,.22), transparent 32%),
        radial-gradient(circle at 0% 0%, rgba(124,58,237,.16), transparent 34%),
        #ffffff !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.08) !important;
}

.pg-workspace-hero__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    flex-wrap: wrap !important;
}

.pg-workspace-state-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #ede9fe !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(124,58,237,.20) !important;
}

.pg-workspace-hero__facts {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
}

.pg-workspace-hero__facts span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pg-workspace-state-card {
    display: flex !important;
    gap: 18px !important;
    align-items: flex-start !important;
}

.pg-workspace-state-card__icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(124,58,237,.22) !important;
}

.pg-workspace-state-card__body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.pg-workspace-state-card__body p {
    margin: 8px 0 14px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 650 !important;
}

.pg-workspace-state-card.is-completed .pg-workspace-state-card__icon,
.pg-workspace-hero--modern.is-completed .pg-workspace-state-badge {
    background: linear-gradient(135deg, #12b76a, #039855) !important;
    color: #fff !important;
}

.pg-workspace-state-card.is-ready-payout .pg-workspace-state-card__icon,
.pg-workspace-hero--modern.is-ready-payout .pg-workspace-state-badge {
    background: linear-gradient(135deg, #ffc107, #f59e0b) !important;
    color: #1f2937 !important;
}

/* 9) Agresivnije Pošalji ponudu CTA */
.pg-single-submit-button,
.pg-mobile-offer-cta,
.pg-archive-proposal-trigger,
.pg-project-card__btn--primary,
.pg-send-signal-btn--primary {
    min-height: 54px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 45%, #5418d8 100%) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    box-shadow: 0 18px 38px rgba(111,44,255,.32) !important;
    transform: translateZ(0) !important;
}

.pg-single-submit-button:hover,
.pg-mobile-offer-cta:hover,
.pg-archive-proposal-trigger:hover,
.pg-project-card__btn--primary:hover,
.pg-send-signal-btn--primary:hover {
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
}

/* 10) Pošalji signal placement */
.pg-send-signal-btn,
.pg-dash-btn--signal {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: 1px solid rgba(124,58,237,.20) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

/* Single Project owner card: Pošalji signal CTA */
body.single-project .pg-single-form-slot .pg-send-signal-btn--owner {
    gap: 10px !important;
    min-height: 56px !important;
    border-radius: 18px !important;
    margin-top: 12px !important;
}

body.single-project .pg-single-form-slot .pg-send-signal-btn--owner .pg-send-signal-btn__icon,
.pg-send-signal-btn__icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.18) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important;
}

body.single-project .pg-single-form-slot .pg-send-signal-btn--owner:hover .pg-send-signal-btn__icon {
    background: rgba(255,255,255,.24) !important;
}

body.single-project .pg-single-form-slot .pg-send-signal-btn--soft {
    display: none !important;
}

.pg-send-signal-btn--soft,
.pg-dash-btn--signal {
    background: #f6f1ff !important;
    color: #5b21b6 !important;
}

.pg-project-owner-signal-notice {
    margin-bottom: 12px !important;
}

.pg-project-owner-signal-notice strong {
    display: block !important;
    margin-bottom: 4px !important;
}

/* 11) Slični projekti empty state */
.pg-related-projects-empty {
    padding: 18px !important;
    border: 1px dashed rgba(124,58,237,.26) !important;
    border-radius: 18px !important;
    background: #fbf8ff !important;
}

.pg-related-projects-empty strong {
    display: block !important;
    color: #2b174d !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    margin-bottom: 4px !important;
}

.pg-related-projects-empty small {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Locked offers */
.pg-project-locked-notice {
    margin: 14px 0 !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: #f6f1ff !important;
    border: 1px solid rgba(111,44,255,.18) !important;
    color: #2b174d !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

.pg-project-locked-notice small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(43,23,77,.72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pg-owner-btn--disabled {
    opacity: .72 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
}

@media (max-width: 767px) {
    .pg-workspace-hero--modern {
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .pg-workspace-state-card {
        flex-direction: column !important;
    }

    .pg-workspace-hero__facts {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .pg-workspace-hero__facts span {
        width: 100% !important;
    }
}


/* Paktograf completion payment page */
.pg-completion-payment-page {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 38px auto 80px !important;
}

.pg-completion-payment-hero {
    margin: 18px 0 22px !important;
    padding: 32px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(255,193,7,.24), transparent 34%),
        radial-gradient(circle at 0% 0%, rgba(124,58,237,.16), transparent 34%),
        #fff !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 20px 60px rgba(15,23,42,.08) !important;
}

.pg-completion-payment-hero span {
    display: inline-flex !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #f6f1ff !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.pg-completion-payment-hero h1 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: clamp(34px, 5vw, 58px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
}

.pg-completion-payment-hero p {
    margin: 0 !important;
    max-width: 760px !important;
    color: #667085 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

.pg-completion-payment-card {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    padding: 26px !important;
    border-radius: 28px !important;
    background: #fff !important;
    border: 1px solid #eef2f7 !important;
    box-shadow: 0 18px 50px rgba(15,23,42,.07) !important;
}

.pg-completion-payment-card__icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #ffc107, #f59e0b) !important;
    color: #1f2937 !important;
    font-weight: 950 !important;
}

.pg-completion-payment-card strong {
    display: block !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    margin-bottom: 8px !important;
}

.pg-completion-payment-card h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.pg-completion-payment-card p {
    margin: 0 0 16px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

.pg-completion-payment-facts {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 14px 0 18px !important;
}

.pg-completion-payment-facts span {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
    color: #344054 !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pg-completion-payment-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

@media (max-width: 767px) {
    .pg-completion-payment-page {
        width: calc(100% - 24px) !important;
        margin-top: 22px !important;
    }

    .pg-completion-payment-hero,
    .pg-completion-payment-card {
        border-radius: 24px !important;
        padding: 22px !important;
    }

    .pg-completion-payment-card {
        flex-direction: column !important;
    }

    .pg-completion-payment-actions,
    .pg-completion-payment-actions a {
        width: 100% !important;
    }
}


/* =========================================================
   PAKTOGRAF PROJECT BUGFIX V3
   - mobile proposal sheet fixed
   - readable offer/signal buttons
   - dashboard action layout fixed
   - icon alignment fixed
========================================================= */

body.single-project .pg-single-action-btn,
body.single-project .pg-single-action-btn:visited {
    color: #2b174d !important;
    background: #ffffff !important;
    border-color: rgba(111,44,255,.18) !important;
    text-shadow: none !important;
}

body.single-project .pg-single-action-btn:hover,
body.single-project .pg-single-action-btn--signal {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 48%, #5418d8 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(111,44,255,.24) !important;
}

body.single-project .pg-single-form-card__head h3,
body.single-project .pg-single-form-card__head p {
    color: #101828 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.single-project .pg-single-form-card__head p {
    color: #475467 !important;
}

body.single-project .pg-single-submit-button,
body.single-project .pg-single-form-slot button[type="submit"],
body.single-project .pg-single-form-slot input[type="submit"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #6f2cff 0%, #5b21b6 52%, #4012a5 100%) !important;
    border: 0 !important;
    text-shadow: none !important;
}

@media (max-width: 767px) {
    body.single-project.pg-proposal-modal-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    body.single-project .pg-single-form-card {
        display: none !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open,
    body.single-project.pg-proposal-modal-open .pg-single-form-card.is-mobile-modal-open {
        position: fixed !important;
        display: flex !important;
        flex-direction: column !important;
        left: 10px !important;
        right: 10px !important;
        top: 10px !important;
        bottom: 10px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 20px) !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 2147483001 !important;
        padding: 22px 16px calc(18px + env(safe-area-inset-bottom)) !important;
        border-radius: 24px !important;
        background: #ffffff !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-slot,
    body.single-project .pg-single-form-card.is-mobile-modal-open form {
        display: block !important;
        width: 100% !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open textarea {
        min-height: 118px !important;
        max-height: 28vh !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-submit-button,
    body.single-project .pg-single-form-card.is-mobile-modal-open button[type="submit"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="submit"] {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 3 !important;
        width: 100% !important;
        min-height: 56px !important;
        margin-top: 12px !important;
    }

    body.single-project .pg-mobile-proposal-close {
        position: sticky !important;
        top: 0 !important;
        margin-left: auto !important;
        margin-bottom: 4px !important;
        z-index: 4 !important;
    }

    body.single-project .pg-mobile-offer-cta,
    body.single-project .pg-mobile-offer-cta.is-visible {
        color: #ffffff !important;
        background: linear-gradient(135deg, #6f2cff 0%, #5b21b6 100%) !important;
        border-color: transparent !important;
    }

    body.single-project .pg-mobile-offer-cta__text strong,
    body.single-project .pg-mobile-offer-cta__text small {
        color: #ffffff !important;
    }
}

.paktograf-my-projects .pg-dash-actions,
.pg-my-projects-page .pg-dash-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-btn--primary,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--primary,
.paktograf-my-projects .pg-dash-actions .pg-dash-btn--soft,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--soft {
    grid-column: 1 / -1 !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-icon-btn--danger,
.pg-my-projects-page .pg-dash-actions .pg-dash-icon-btn--danger {
    grid-column: 2 !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.paktograf-my-projects .pg-dash-icon-btn span,
.pg-my-projects-page .pg-dash-icon-btn span,
.pg-my-sent-proposals-page .action-button span,
.pg-my-sent-proposals-page .btn-action-icon span,
.pg-my-sent-proposals-page .btn-action span,
.pg-my-sent-proposals-page a[title*="Uredi"] i,
.pg-my-sent-proposals-page a[title*="Obriši"] i,
.pg-my-sent-proposals-page a[title*="Delete"] i,
.pg-my-sent-proposals-page a[title*="Edit"] i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: none !important;
    margin: 0 !important;
}

.pg-my-sent-proposals-page .btn,
.pg-my-sent-proposals-page .action-button,
.pg-my-sent-proposals-page .btn-action,
.pg-my-sent-proposals-page .btn-action-icon,
.pg-my-sent-proposals-page a[class*="edit"],
.pg-my-sent-proposals-page a[class*="delete"],
.pg-my-sent-proposals-page a[class*="remove"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}


/* ================================
   PAKTOGRAF V4 — project polish fixes
================================ */
body.single-project .pg-single-hero-actions {
    display: grid !important;
    grid-template-columns: auto minmax(150px, 1fr) 46px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

body.single-project .pg-single-hero-actions [data-pg-share] {
    display: none !important;
}

body.single-project .pg-single-action-btn {
    min-height: 46px !important;
    white-space: nowrap !important;
}

body.single-project .pg-single-action-btn--signal {
    width: 100% !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 52%, #5418d8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(111,44,255,.26) !important;
}

body.single-project .pg-single-action-btn--signal:hover,
body.single-project .pg-single-action-btn--signal.is-copied {
    color: #ffffff !important;
    filter: brightness(1.04) !important;
}

body.single-project .pg-single-more-wrap,
body.single-project .pg-single-action-btn--icon {
    width: 46px !important;
    min-width: 46px !important;
}

@media (max-width: 767px) {
    body.single-project .pg-single-hero-actions {
        grid-template-columns: auto minmax(0, 1fr) 46px !important;
        width: 100% !important;
    }

    body.single-project .pg-single-action-btn {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 12px !important;
    }

    body.single-project .pg-single-action-btn--signal {
        font-size: 13px !important;
    }
}

/* Moji projekti: poravnanje budžeta i broja ponuda */
.pg-dash--projects .pg-dash-card__side {
    align-items: stretch !important;
}

.pg-dash--projects .pg-dash-money,
.pg-dash--projects .pg-dash-proposals {
    min-height: 82px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

.pg-dash--projects .pg-dash-money span,
.pg-dash--projects .pg-dash-proposals small {
    order: 1 !important;
    margin: 0 !important;
}

.pg-dash--projects .pg-dash-money strong,
.pg-dash--projects .pg-dash-proposals span {
    order: 2 !important;
}

.pg-dash--projects .pg-dash-proposals span {
    margin-top: 0 !important;
}

.pg-dash--projects .pg-dash-btn--signal.is-copied,
.pg-dash--projects .pg-dash-btn--signal:hover {
    background: #ede9fe !important;
    color: #4c1d95 !important;
}

/* Workspace: ukloni osjećaj duplih okvira u fact chipovima */
.pg-workspace-hero__facts span,
.pg-workspace-facts span,
.pg-completion-payment-facts span {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(248, 250, 252, .86) !important;
}

.pg-workspace-facts {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    gap: 10px !important;
}

.pg-workspace-secondary-link,
.pg-workspace-project-title-link {
    text-decoration: none !important;
}

.pg-workspace-secondary-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin-top: 12px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: #f6f1ff !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    border: 1px solid rgba(124,58,237,.14) !important;
}

.pg-workspace-secondary-link:hover {
    background: #ede9fe !important;
    color: #4c1d95 !important;
}

@media (max-width: 767px) {
    .pg-dash--projects .pg-dash-money,
    .pg-dash--projects .pg-dash-proposals {
        min-height: 72px !important;
    }
}


/* =========================================================
   PAKTOGRAF REGISTER LOADING — animated trace badge
   ========================================================= */
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading::after,
.pg-auth-screen--register form.pg-register-is-loading::after,
body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap::after{
    content: none !important;
    display: none !important;
}

.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading,
.pg-auth-screen--register form.pg-register-is-loading{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.pg-register-loading-layer{
    position: absolute !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 170px !important;
    padding: 28px 22px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.80) !important;
    color: #2b174d !important;
    text-align: center !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    box-shadow: inset 0 0 0 1px rgba(111,44,255,.08), 0 18px 50px rgba(15,23,42,.08) !important;
}

.pg-register-loading-layer strong{
    display: block !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    color: #2b174d !important;
}

.pg-register-loading-layer small{
    display: block !important;
    max-width: 285px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: #667085 !important;
}

.pg-register-mark-loader{
    position: relative !important;
    width: 112px !important;
    height: 58px !important;
    margin-bottom: 4px !important;
}

.pg-register-mark-loader::before{
    content: "pa" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 42px !important;
    height: 42px !important;
    margin: -21px 0 0 -21px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7a3cff 0%, #6f2cff 55%, #5f22e6 100%) !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
    box-shadow: 0 14px 30px rgba(111,44,255,.30) !important;
    animation: pgRegisterBadgePulse 1.35s ease-in-out infinite !important;
}

.pg-register-mark-loader .pg-register-node{
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: #ffc107 !important;
    box-shadow: 0 0 0 5px rgba(255,193,7,.16) !important;
    animation: pgRegisterNodePulse 1.35s ease-in-out infinite !important;
}

.pg-register-mark-loader .pg-register-node--1{ left: 4px !important; top: 24px !important; animation-delay: 0s !important; }
.pg-register-mark-loader .pg-register-node--2{ right: 4px !important; top: 24px !important; animation-delay: .18s !important; }
.pg-register-mark-loader .pg-register-node--3{ left: 51px !important; top: 2px !important; animation-delay: .36s !important; }
.pg-register-mark-loader .pg-register-node--4{ left: 51px !important; bottom: 2px !important; animation-delay: .54s !important; }

.pg-register-mark-loader .pg-register-trace{
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    top: 28px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(111,44,255,0), rgba(111,44,255,.52), rgba(255,193,7,.8), rgba(111,44,255,0)) !important;
    overflow: hidden !important;
}

.pg-register-mark-loader .pg-register-trace::after{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 32px !important;
    border-radius: inherit !important;
    background: #fff !important;
    opacity: .92 !important;
    box-shadow: 0 0 18px rgba(255,255,255,.9) !important;
    animation: pgRegisterTraceMove 1.35s ease-in-out infinite !important;
}

@keyframes pgRegisterBadgePulse{
    0%, 100%{ transform: scale(1); }
    50%{ transform: scale(1.06); }
}

@keyframes pgRegisterNodePulse{
    0%, 100%{ transform: scale(.82); opacity: .55; }
    50%{ transform: scale(1.18); opacity: 1; }
}

@keyframes pgRegisterTraceMove{
    0%{ left: -36px; }
    100%{ left: 100%; }
}


/* PAKTOGRAF — Single Project polish: owner signal CTA + hero description cleanup */
body.single-project .pg-single-form-slot .pg-send-signal-btn--owner {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: 0 14px 30px rgba(111,44,255,.26) !important;
}

body.single-project .pg-single-form-slot .pg-send-signal-btn--owner .pg-send-signal-btn__icon {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffc107 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 2px 0 0 !important;
    padding: 0 !important;
}

body.single-project .pg-single-form-slot .pg-send-signal-btn--owner:hover .pg-send-signal-btn__icon,
body.single-project .pg-single-form-slot .pg-send-signal-btn--owner.is-copied .pg-send-signal-btn__icon {
    background: transparent !important;
    box-shadow: none !important;
}

body.single-project .pg-single-hero-card__summary {
    display: none !important;
}

/* =========================================================
   PAKTOGRAF — Moji projekti: mobile card/action polish
   - poravnanje edit ikone s top status linijom
   - ljepši i tanji Pošalji signal CTA
   ========================================================= */

/* Pošalji signal na Moji projekti: sekundarno, čisto, sa munjom */
.pg-dash--projects .pg-dash-btn--signal,
.paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal {
    gap: 8px !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #5b21b6 !important;
    border: 1px solid rgba(124, 58, 237, .22) !important;
    box-shadow: 0 8px 18px rgba(76, 29, 149, .055) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

.pg-dash--projects .pg-dash-btn--signal::before,
.paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal::before,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal::before {
    content: "⚡";
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffc107 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.pg-dash--projects .pg-dash-btn--signal:hover,
.pg-dash--projects .pg-dash-btn--signal.is-copied,
.paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal:hover,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal:hover {
    background: #f8f4ff !important;
    color: #4c1d95 !important;
    border-color: rgba(124, 58, 237, .30) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
    .pg-dash--projects .pg-dash-card {
        position: relative !important;
    }

    /* Daj status liniji prostor za edit ikonu desno */
    .pg-dash--projects .pg-dash-card__main {
        position: relative !important;
        padding-top: 24px !important;
    }

    .pg-dash--projects .pg-dash-card__topline {
        min-height: 40px !important;
        padding-right: 52px !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .pg-dash--projects .pg-dash-status {
        min-height: 28px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }

    .pg-dash--projects .pg-dash-card__date {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 28px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* Edit ikona / Uredi link u gornji desni ugao, poravnat s top linijom */
    .pg-dash--projects .pg-dash-card > .pg-dash-icon-btn:not(.pg-dash-icon-btn--danger),
    .pg-dash--projects .pg-dash-card__main > .pg-dash-icon-btn:not(.pg-dash-icon-btn--danger),
    .pg-dash--projects .pg-dash-card a[title="Uredi"],
    .pg-dash--projects .pg-dash-card a[aria-label="Uredi"],
    .pg-dash--projects .pg-dash-card a[href*="action=edit"] {
        position: absolute !important;
        top: 24px !important;
        right: 24px !important;
        z-index: 5 !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f3e8ff !important;
        color: #7c3aed !important;
        border: 1px solid rgba(124, 58, 237, .14) !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    .pg-dash--projects .pg-dash-card > .pg-dash-icon-btn:not(.pg-dash-icon-btn--danger)::before,
    .pg-dash--projects .pg-dash-card__main > .pg-dash-icon-btn:not(.pg-dash-icon-btn--danger)::before,
    .pg-dash--projects .pg-dash-card a[title="Uredi"]::before,
    .pg-dash--projects .pg-dash-card a[aria-label="Uredi"]::before,
    .pg-dash--projects .pg-dash-card a[href*="action=edit"]::before {
        content: "✎" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Nemoj da bottom akcije vuku edit link dole ako tema napravi duplikat */
    .pg-dash--projects .pg-dash-actions a[href*="action=edit"],
    .pg-dash--projects .pg-dash-actions a[title="Uredi"],
    .pg-dash--projects .pg-dash-actions a[aria-label="Uredi"] {
        position: absolute !important;
        top: 24px !important;
        right: 24px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    /* Donje akcije: primarno dugme puno, signal + brisanje u istom redu */
    .pg-dash--projects .pg-dash-actions,
    .paktograf-my-projects .pg-dash-actions,
    .pg-my-projects-page .pg-dash-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 48px !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 18px 24px 24px !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--primary,
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--primary,
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--primary {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 52px !important;
        height: 52px !important;
        border-radius: 16px !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--signal,
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal,
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal {
        grid-column: 1 !important;
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
        border-radius: 15px !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-icon-btn--danger,
    .paktograf-my-projects .pg-dash-actions .pg-dash-icon-btn--danger,
    .pg-my-projects-page .pg-dash-actions .pg-dash-icon-btn--danger {
        grid-column: 2 !important;
        width: 48px !important;
        min-width: 48px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 15px !important;
    }
}
/* =========================================================
   PAKTOGRAF — Moji projekti: revert icon-only chaos + focused fixes
   - Pogledaj ponude and Pošalji signal stay as normal text buttons
   - only Uredi/Edit becomes a compact icon button
   - proposal count is cleaned so it no longer looks like a bulky bubble
   ========================================================= */

/* Proposal count: remove the ugly bubble around the number */
.pg-dash--projects .pg-dash-proposals {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

.pg-dash--projects .pg-dash-proposals small {
    display: block !important;
    margin: 0 0 7px !important;
    color: #667085 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-dash--projects .pg-dash-proposals span {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #6f2cff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

/* Desktop: keep main actions readable; only Edit/Uredi becomes icon-only */
@media (min-width: 768px) {
    .pg-dash--projects .pg-dash-actions,
    .paktograf-my-projects .pg-dash-actions,
    .pg-my-projects-page .pg-dash-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 52px !important;
        gap: 10px !important;
        align-items: center !important;
        justify-content: stretch !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--primary,
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--primary,
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--primary {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        padding: 0 18px !important;
        font-size: 13px !important;
        border-radius: 16px !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--signal,
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal,
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal {
        grid-column: 1 !important;
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
        border-radius: 15px !important;
    }

    /* Edit/Uredi only: icon button, not the other action buttons */
    .pg-dash--projects .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal),
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal),
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal),
    .pg-dash--projects .pg-dash-actions a[title="Uredi"],
    .pg-dash--projects .pg-dash-actions a[aria-label="Uredi"],
    .pg-dash--projects .pg-dash-actions a[href*="action=edit"] {
        grid-column: 2 !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        border-radius: 15px !important;
        background: #f3e8ff !important;
        color: #7c3aed !important;
        border: 1px solid rgba(124, 58, 237, .16) !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal)::before,
    .paktograf-my-projects .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal)::before,
    .pg-my-projects-page .pg-dash-actions .pg-dash-btn--soft:not(.pg-dash-btn--signal)::before,
    .pg-dash--projects .pg-dash-actions a[title="Uredi"]::before,
    .pg-dash--projects .pg-dash-actions a[aria-label="Uredi"]::before,
    .pg-dash--projects .pg-dash-actions a[href*="action=edit"]::before {
        content: "✎" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .pg-dash--projects .pg-dash-actions .pg-dash-icon-btn--danger,
    .paktograf-my-projects .pg-dash-actions .pg-dash-icon-btn--danger,
    .pg-my-projects-page .pg-dash-actions .pg-dash-icon-btn--danger {
        grid-column: 2 !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        border-radius: 15px !important;
    }
}

/* Mobile: keep the previous good layout, but use the cleaner proposal number */
@media (max-width: 767px) {
    .pg-dash--projects .pg-dash-proposals span {
        font-size: 24px !important;
    }
}


body.page-id-postavke .pg-freeio-card h2,
body.postavke .pg-freeio-card h2,
.pg-freeio-card h2 {
    font-size: 28px;
    margin-bottom: 24px;
}

.pg-freeio-card label {
    font-size: 14px;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 8px;
}

.pg-freeio-card .form-group {
    margin-bottom: 22px;
}

.pg-freeio-card input[type="password"] {
    height: 58px;
    border-radius: 16px;
}

.pg-freeio-card input[type="submit"],
.pg-freeio-card button[type="submit"] {
    margin-top: 8px;
}

.pg-danger-card {
    background: #fffafa;
}

.pg-danger-card h2 {
    color: #111827;
}

.pg-danger-card input[type="submit"],
.pg-danger-card button[type="submit"] {
    background: #dc2626 !important;
}

.pg-danger-card input[type="submit"]:hover,
.pg-danger-card button[type="submit"]:hover {
    background: #b91c1c !important;
}