/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.7.1776265380
Updated: 2026-04-15 15:03:00

*/

#primary{
	margin: 0;
}



    .stats-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        padding: 24px;
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        max-width: 100%;
        margin: 0px 10px;
    }

    .stat-item {
        text-align: center;
    }

    .stat-item:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .counter {
        display: block;
        font-size: 2rem;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 4px;
    }

    .stat-item p {
        font-size: 10px!important;
        color: #bfdbfe;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        margin: 0!important;
    }

  
		
		/* TABLET */
@media (max-width: 1024px) {
    .stats-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 20px;
    }

    .stat-item:not(:last-child) {
        border-right: none;
    }

    .stat-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .counter {
        font-size: 1.8rem;
    }

    .stat-item p {
        font-size: 9px;
    }
}


/* MOBILE */
@media (max-width: 600px) {
    .stats-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .stat-item {
        padding: 10px 0;
    }

    .stat-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .counter {
        font-size: 1.6rem;
    }

    .stat-item p {
        font-size: 9px;
        letter-spacing: 0.5px;
    }
}



/* WRAPPER */
.wg-card {
    background: #fff;
    border-radius: 14px;
    padding: 25px;
    border: 1px solid #e5e7eb;
    max-width: 100%;
    margin-bottom: 20px;
}

/* TITLE */
.wg-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #111827;
}

/* DESCRIPTION */
.wg-description {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
}

/* TAGS */
.wg-tags {
    margin-bottom: 15px;
}

.wg-tag {
    display: inline-block;
    background: #e5e7eb;
    color: #374151;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    margin-right: 6px;
}

/* META ROW */
.wg-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 20px;
}

/* MEMBERS */
.wg-members {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #171C20;
    justify-content: flex-end;
}

.wg-members::before {
    content: "👥";
    margin-bottom: 4px;
    color: #171C20;
}

/* BUTTON FULL WIDTH */
.wg-btn {
    width: 100%;
    padding: 10px 24px 9px 24px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: 0.2s ease;
    margin-top: 10px;
}

/* DEFAULT (JOIN) */
.wg-btn-primary.wg-join {
    background: #e5e7eb;
    color: #111827;
    padding: 14px 24px 12px 24px;
}

.wg-btn-primary.wg-join:hover {
    background: #d1d5db;
    color: #111827;
}

button.wg-btn.wg-btn-secondary.wg-leave{
    width: auto ;
}

/* JOINED STATE */
.wg-card.joined .wg-btn-primary {
    background: #e5efff;
    color: #2563eb;
}

/* OPTIONAL: BLUE BORDER IF JOINED */
.wg-card.joined {
    border: 2px solid #3b82f6;
}


/* --- TVOJ OSNOVNI KOD (Desktop verzija) --- */
.zmla-zoom-card {
	grid-template-columns: 78px minmax(0, 1fr) auto;
}

.zmla-zoom-card__date {
	min-height: 52px;
	padding: 14px 8px;
	margin: 10px;
}

.zmla-zoom-card__month {
	font-size: 12px;
	margin-bottom: 6px;
}

.zmla-zoom-card__day {
	font-size: 24px;
}

.zmla-zoom-card__body {
	padding: 18px 20px 18px 12px;
}

.zmla-zoom-card__title {
	font-size: 16px;
	line-height: 1.35;
	margin-bottom: 6px;
}

.zmla-zoom-card__meta {
	font-size: 13px;
	line-height: 1.45;
}

.zmla-zoom-card__description {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.45;
}

.zmla-zoom-card__actions {
	padding: 18px 20px 18px 12px;
}

.zmla-zoom-card__button {
	min-width: auto;
	height: 34px;
	padding: 8px 18px 6px 18px;
	font-size: 12px;
	border-radius: 7px;
	background: transparent;
}


@media (max-width: 1024px) {
	.zmla-zoom-meetings {
		gap: 16px;
	}

	.zmla-zoom-card {
		grid-template-columns: 74px minmax(0, 1fr) auto;
	}

	.zmla-zoom-card__date {
		min-height: 88px;
		padding: 12px 8px;
	}

	.zmla-zoom-card__month {
		font-size: 12px;
		margin-bottom: 6px;
	}

	.zmla-zoom-card__day {
		font-size: 18px;
	}

	.zmla-zoom-card__body {
		padding: 18px 18px 18px 12px;
	}

	.zmla-zoom-card__title {
		font-size: 17px;
	}

	.zmla-zoom-card__meta,
	.zmla-zoom-card__description {
		font-size: 13px;
		line-height: 1.45;
	}

	.zmla-zoom-card__actions {
		padding: 18px 18px 18px 12px;
	}

	.zmla-zoom-card__button {
		min-width: 112px;
		height: 40px;
		padding: 0 18px;
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.zmla-zoom-card {
		grid-template-columns: 62px minmax(0, 1fr);
		align-items: start;
	}

	.zmla-zoom-card__date {
		min-height: 100%;
		padding: 14px 6px;
	}

	.zmla-zoom-card__month {
		font-size: 11px;
		margin-bottom: 6px;
	}

	.zmla-zoom-card__day {
		font-size: 17px;
	}

	.zmla-zoom-card__body {
		padding: 16px 16px 10px 12px;
	}

	.zmla-zoom-card__title {
		font-size: 16px;
		line-height: 1.35;
		margin-bottom: 6px;
	}

	.zmla-zoom-card__meta,
	.zmla-zoom-card__description {
		font-size: 13px;
		line-height: 1.45;
	}

	.zmla-zoom-card__actions {
		grid-column: 1 / -1;
		padding: 0 16px 16px 16px;
		justify-content: flex-start;
	}

	.zmla-zoom-card__button {
		width: 100%;
		min-width: 0;
		height: 42px;
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.zmla-zoom-card {
		grid-template-columns: 56px minmax(0, 1fr);
		border-radius: 10px;
	}

	.zmla-zoom-card__date {
		padding: 12px 4px;
	}

	.zmla-zoom-card__month {
		font-size: 10px;
	}

	.zmla-zoom-card__day {
		font-size: 16px;
	}

	.zmla-zoom-card__body {
		padding: 14px 14px 8px 10px;
	}

	.zmla-zoom-card__title {
		font-size: 15px;
	}

	.zmla-zoom-card__meta,
	.zmla-zoom-card__description {
		font-size: 12px;
		line-height: 1.4;
	}

	.zmla-zoom-card__actions {
		padding: 0 14px 14px 14px;
	}
}



/* Pojedinačni item - ključno je width: auto */
.jet-check-list__item {
    display: flex !important;
    width: auto !important;        /* Sprečava da se raširi na 100% */
    flex: 0 1 auto !important;    /* Ne dozvoljava im da se silom šire */
    
    /* Dizajn taga */
    background-color: #f1f5f9 !important; /* Neutralna siva */
    color: #475569 !important;
    border-radius: 16px !important;      /* Potpuno zaobljeno */
    padding: 2px 10px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 5px 10px 5px 0 !important; 
	/* Briše spoljne razmake */
}


#demands-offers-full{
	height: 100%;
}
#demands-offers-full .e-con.e-flex>.e-con-inner{
	height: 100%;
}
#de-of-full{
	height: 100%;	
}

#full-of-de{
	height: 100%;
	justify-content: space-between;
}




/* ============================================================
   SOUTH-SOUTH GALAXY: "IMAGE-MATCH" DESIGN
   Ovaj kod kopira izgled sa tvoje slike 1:1
   ============================================================ */

/* 1. GRID KONTEJNER */
.alp-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr)!important;
    gap: 20px !important;
    padding: 20px 0 !important;
	
}

/* 2. KARTICA (BOX) */
.alp-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important; /* Blaže zaobljenje kao na slici */
    border-left: 4px solid #0056b3 !important; /* Karakteristična plava traka */
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    height: 100% !important;
}

/* 3. TAGOVI U VRHU (Energy, Priority...) */
.alp-card-tags {
   display: flex !important;
    justify-content: flex-start;
    gap: 5px; 
	flex-wrap: wrap;
    align-items: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* Stil za Kategoriju (npr. Energy - beli sa crnim okvirom) */
.alp-tag {
     background: #fef3c7 !important; /* Svetlo žuta/narandžasta */
    color: #92400e !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}


/* 4. NASLOV (Waste-to-Energy...) */
.alp-card h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #171C20 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px 0 !important;
}
.alp-card h3 a{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #171C20 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px 0 !important;
}

/* 5. AUTOR (Request from: Ghana) */
.alp-card-author {
    font-size: 12px !important;
    color: #64748b !important;
    margin-bottom: 15px !important;
}

.alp-card-author strong, .alp-card-author span {
    color: #0f172a !important;
    font-weight: 600;
}

.alp-card-excerpt{
font-size: 14px !important;
    color: #64748b !important;
    margin-bottom: 15px !important;}

/* 6. OPIS (Looking for partners...) */
/* Dodajemo gornju ivicu fiktivno ako nema elementa, ili samo padding */
.alp-card p:not(.alp-card-author):not(:last-child) {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
}

/* 7. DONJA LINIJA I FOOTER (Deadline i Dugme) */
.alp-card p:last-child {
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 1px solid #f1f5f9 !important; /* Horizontalna linija sa slike */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Deadline tekst */
.alp-card p:last-child::before {
    font-size: 12px !important;
    color: #64748b !important;
}

/* 8. DUGME (Respond - Plavo, desno) */
.alp-btn-small {
    background: #0056b3 !important; /* Royal Blue sa slike */
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 14px 6px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    margin: 0 !important; /* Reset margina */
    width: auto !important; /* Ne širi se celom širinom */
}

.alp-btn-small:hover {
    background: #003d7a !important;
}

/* DODATNO: "Alliance" bedž (ako ga plugin generiše) */
.alliance-badge {
    background: #2563eb !important;
    color: white !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 10px !important;
}

/* ============================================================
   SOUTH-SOUTH GALAXY: PRECIZAN FILTER DIZAJN (HORIZONTALA)
   ============================================================ */

/* 1. FORMA: Podešavamo da sve bude u jednom redu */
form.alp-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important; /* Poravnava sve po dnu da dugme ne "skače" */
    gap: 12px !important;
    background: #ffffff !important;
    padding: 24px !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;
    margin-bottom: 30px !important;
}

/* 2. POJEDINAČNI FILTER (Label koverat) */
.alp-filters .alp-filter {
    display: flex !important;
    flex-direction: column !important; /* Naslov iznad select-a */
    gap: 6px !important;
    flex: 1 !important; /* Širi ih podjednako */
    min-width: 160px !important; /* Sprečava da postanu preuski */
}

/* 3. NASLOVI (Thematic, Geography...) - Skrivamo ih ili sređujemo */
/* Ako želiš da izgleda tačno kao slika (gde nema labela unutar polja), 
   možemo ih sakriti ili učiniti jako diskretnim: */
.alp-filters .alp-filter span {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #64748b !important; /* Diskretna siva */
}

/* 4. SELECT POLJA (Sectors, Themes...) */
.alp-filters .alp-filter select {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 10px 35px 10px 12px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
    height: 44px !important; /* Standardna visina kao na slici */
    appearance: none !important;
    cursor: pointer !important;
    transition: border 0.2s !important;
    
    /* Modern Arrow Icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
}

.alp-filters .alp-filter select:focus {
    border-color: #046bd2 !important;
    outline: none !important;
}

/* 5. FILTER DUGME (Ljubičasto sa slike) */
.alp-filters .alp-btn {
    background: #046bd2 !important; /* Vibrant Purple */
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    height: 44px !important; /* Ista visina kao select polja */
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    margin-bottom: 0 !important; /* Poništavamo WordPress margine */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.alp-filters .alp-btn:hover {
    background: #0153a7 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25) !important;
}

/* 6. RESPONZIVNOST (Mobilni telefoni) */
@media screen and (max-width: 1024px) {
    .alp-filters .alp-filter {
        flex: 0 0 calc(50% - 12px) !important; /* 2 u redu na tabletu */
    }
	.alp-card-grid {
    
    grid-template-columns: repeat(2, 1fr)!important;	
}
}

@media screen and (max-width: 600px) {
	.alp-card-grid {
    
    grid-template-columns: repeat(1, 1fr)!important;	
}
    form.alp-filters {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .alp-filters .alp-filter {
        width: 100% !important;
    }
    .alp-filters .alp-btn {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

/* ============================================================
   SOUTH-SOUTH GALAXY: PRECIZAN SINGLE DEMAND (MATCH SLIKA)
   ============================================================ */

/* 1. BODY POZADINA (Da bi bele kartice došle do izražaja) */
body.single-alp_demand, body.single-alp_offer {
    background-color: #f1f5f9 !important;
}



.alp-single-article {
    background: #ffffff !important;
    border-radius: 24px !important; /* Zaobljenje celog bloka */
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
}




/* Fix za naslov "Respond to this" koji je na plavoj pozadini */
.alp-respond-section h3 {
    color: #ffffff !important;
    margin-top: 0 !important;
}

/* ============================================================
   SOUTH-SOUTH GALAXY: "CLEAN & SUBTLE" SINGLE DESIGN
   ============================================================ */



.alp-single-article {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
}




/* 3. TABELA SA PODACIMA (META) */
.alp-meta-row {
    padding: 20px 50px !important;
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    align-items: baseline !important;
    border-bottom: 1px solid #eff4f8 !important;
	margin: 0px!important;
}

.alp-meta-row h3 {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #414753 !important; /* Veoma svetla siva za labele */
    margin: 0 !important;
}

.alp-meta-row div {
    font-size: 15px !important;
    color: #171C20 !important;
    line-height: 1.6 !important;
}


.alp-respond {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 40px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    max-width: 650px !important; /* Malo uža forma za bolji fokus */
    margin: 0 0 !important;
}

.alp-respond h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #171C20 !important;
    margin-bottom: 6px !important;
}

.alp-note {
    font-size: 13px !important;
    color: #1b232c !important; /* Soft siva */
    margin-bottom: 25px !important;
	box-shadow: 0 0px 20px rgba(37, 99, 235, 0.15) !important;
	border-left: 3px solid #0153a7;
}

/* 5. FORMA UNUTAR RESPOND POLJA */
.alp-respond label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #414753 !important;
    margin-bottom: 8px !important;
	text-align:left!important;
}

.alp-respond input.alp-respond-subject {
    width: 100% !important;
    background: #fcfdfe !important;
    border: 1.5px solid #eef2f6 !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    font-family: inherit !important;
}

.alp-respond input.alp-respond-subject:focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
    outline: none !important;
}



/* 6. DUGME ZA SLANJE - PROFESIONALNO PLAVO */
.alp-btn.alp-respond-btn {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 20px !important;
    display: inline-block !important; /* Više nije preko celog ekrana */
}

.alp-btn.alp-respond-btn:hover {
    background: #1d4ed8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15) !important;
}

/* Reset margina za input p tagove */
.alp-respond p {
    margin-bottom: 20px !important;
}

/* ============================================================
   SOUTH-SOUTH GALAXY: OFFICIAL DASHBOARD DESIGN
   ============================================================ */

/* 1. GLAVNI KONTEJNER */
.alp-dashboard {
    background-color: #EFF4F9 !important; /* Tvoja Ice Blue pozadina */
    padding: 40px !important;
    border-radius: 32px !important;
    font-family: 'Inter', sans-serif !important;
}

/* 2. TABOVI (NAVIGACIJA) */
.alp-tabs {
    display: flex !important;
    gap: 8px !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #DBEAFE !important;
    padding-bottom: 0 !important;
}

.alp-tab {
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #727784 !important; /* Muted siva */
    text-decoration: none !important;
    border-radius: 12px 12px 0 0 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 3px solid transparent !important;
}

.alp-tab:hover {
    color: #0053A6 !important;
    background: rgba(0, 83, 166, 0.05) !important;
}

.alp-tab.is-active {
    color: #0053A6 !important;
    border-bottom: 3px solid #0053A6 !important; /* Aktivna Galaxy plava linija */
    background: #FFFFFF !important;
}

/* Unread Badge u Tabu */
.alp-unread-badge {
    background: #046BD2 !important; /* Bright blue za pažnju */
    color: #FFFFFF !important;
    font-size: 10px !important;
    padding: 2px 8px !important;
    border-radius: 100px !important;
    font-weight: 900 !important;
}

/* 3. SADRŽAJ TABA (BELA KARTICA) */
.alp-tab-content {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    padding: 30px !important;
    border: 1px solid #DBEAFE !important;
    box-shadow: 0 10px 30px rgba(0, 83, 166, 0.03) !important;
}

/* Status Grupe (Open, In Discussion...) */
.alp-status-group {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #414753 !important; /* Dark slate siva */
    margin: 30px 0 15px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #EFF6FF !important;
}

.alp-status-group:first-child {
    margin-top: 0 !important;
}

/* 4. LISTA KONVERZACIJA (THREADS) */
.alp-thread-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.alp-thread-item {
    margin-bottom: 8px !important;
    border-radius: 16px !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important;
}

.alp-thread-item a {
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    text-decoration: none !important;
    gap: 15px !important;
}

.alp-thread-item:hover {
    background: #EFF6FF !important; /* Lightest blue hover */
    border-color: #BFDBFE !important;
}

/* Unread State */
.alp-thread-item.is-unread {
    background: rgba(4, 107, 210, 0.03) !important; /* 3% bright blue */
}

.alp-thread-item.is-unread strong {
    color: #0053A6 !important;
}

/* Typography unutar liste */
.alp-thread-item strong {
    font-size: 15px !important;
    color: #171C20 !important; /* Tvoja skoro crna */
    flex: 1 !important; /* Gura ostalo desno */
}

.alp-thread-other {
    font-size: 13px !important;
    color: #727784 !important;
    font-weight: 600 !important;
    min-width: 100px !important;
}

.alp-thread-activity {
    font-size: 12px !important;
    color: #727784 !important;
    opacity: 0.7 !important;
}

/* Unread Dot Indicator */
.alp-unread-dot {
    width: 8px !important;
    height: 8px !important;
    background: #046BD2 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    box-shadow: 0 0 10px rgba(4, 107, 210, 0.4) !important;
}

/* 5. DUGME ZA BROWSE (Ako se pojavi u dashboardu) */
.alp-dashboard .alp-btn {
    background: #046BD2 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    padding: 12px 24px !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.alp-dashboard .alp-btn:hover {
    background: #0053A6 !important;
    transform: translateY(-2px) !important;
}

/* ============================================================
   SOUTH-SOUTH GALAXY: CHAT THREAD (MESSENGER STYLE)
   ============================================================ */

/* 1. GLAVNI KONTEJNER ČETA */
.alp-thread {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1px solid #DBEAFE !important;
    box-shadow: 0 10px 30px rgba(0, 83, 166, 0.03) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    max-width: 900px !important;
    margin: 20px auto !important;
}

/* 2. HEADER ČETA (Naslov i Tema) */
.alp-thread-header {
    background: #EFF6FF !important; /* Najsvetlija plava */
    padding: 24px 30px !important;
    border-bottom: 1px solid #BFDBFE !important;
	border-radius: 16px !important;
}

.alp-thread-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0053A6 !important; /* Tamno plava */
    margin: 0 0 4px 0 !important;
}

.alp-thread-sub {
    font-size: 13px !important;
    color: #727784 !important;
    margin: 0 !important;
}

.alp-thread-sub a {
    color: #046BD2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Status Badge (Open/Closed) */
.alp-status {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    border-radius: 100px !important;
    margin-top: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid #BFDBFE !important;
}

.alp-status-open { color: #046BD2 !important; border-color: #BFDBFE !important; }

span.alp-status.alp-status-closed{
	 background: #fef3c7!important;
    color: #92400e!important;
}

.alp-status-in_discussion {
    background: #f4faf0!important;
    color: #2ba257!important;
}

/* 3. PROSTOR ZA PORUKE */
.alp-messages {
    padding: 30px !important;
    background: #EFF4F9 !important; /* Ice Blue pozadina */
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    min-height: 400px !important;
	 border-radius: 16px !important;
}

/* 4. POJEDINAČNA PORUKA (Oblačić) */
.alp-msg {
    max-width: 75% !important;
    align-self: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
	background: transparent!important;
	border: none!important;
}

/* Tvoja poruka (Desno) */
.alp-msg-own {
    align-self: flex-end !important;
}

/* Glava poruke (Ime i vreme) */
.alp-msg-head {
    display: flex !important;
    gap: 8px !important;
    font-size: 11px !important;
    margin-bottom: 5px !important;
    color: #727784 !important;
    font-weight: 600 !important;
}

.alp-msg-own .alp-msg-head {
    justify-content: flex-end !important;
}

/* Telo poruke (Bubble) */
.alp-msg-body {
    padding: 14px 20px !important;
    border-radius: 18px !important;
    border-top-left-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    background: #FFFFFF !important;
    color: #171C20 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
    border: 1px solid #DBEAFE !important;
}

.alp-msg-own .alp-msg-body {
    background: #0053A6 !important; /* Tvoja glavna plava */
    color: #FFFFFF !important;
    border: none !important;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 4px !important;
    box-shadow: 0 4px 10px rgba(0, 83, 166, 0.2) !important;
}

.alp-msg-body p { margin: 0 !important; }

/* 5. KOMPOZER (Input deo) */
.alp-composer {
    padding: 25px 30px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #DBEAFE !important;
}

/* Sređivanje TinyMCE Editora u četu */
.mce-tinymce {
    border-color: #DBEAFE !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Akcije (Dugme Send) */
.alp-composer-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 15px !important;
}

.alp-btn.alp-send-btn {
    background: #046BD2 !important; /* Bright Blue za slanje */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 25px 11px 25px!important;
    font-weight: 800 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.alp-btn.alp-send-btn:hover {
    background: #0053A6 !important;
    transform: translateY(-2px) !important;
}

.alp-status-msg {
    font-size: 12px !important;
    color: #727784 !important;
}
.wp-editor-container{
	border-radius: 12px!important;
}

/* ============================================================
   SOUTH-SOUTH GALAXY: SINGLE OFFER DESIGN (OFFICIAL COLORS)
   ============================================================ */

/* 1. POZADINA I KONTEJNER */
main.alp-single {
    max-width: 850px !important;
    margin: 50px auto !important;
    padding: 0 20px !important;
}

.alp-single-article {
    background: #FFFFFF !important;
    border: 1px solid #DBEAFE !important;
    border-radius: 32px !important; /* Galaxy zaobljenje */
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0, 83, 166, 0.04) !important;
}

/* 2. HEADER - NASLOV PONUDE */
.alp-single-article header {
    padding: 50px 50px 20px 50px !important;
    background: #e9eef2 !important;
    border-bottom: 4px solid #0053A6 !important;
}

.alp-single-article h1 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #171C20 !important; /* Glavna Dark Blue */
    margin: 0 0 10px 0 !important;
    letter-spacing: -0.5px !important;
}

.alp-single-author {
    font-size: 13px !important;
    color: #727784 !important; /* Muted siva */
    font-weight: 500 !important;
}

/* 3. OPIS PONUDE (DESCRIPTION) */
.alp-description {
    padding: 50px 60px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #171C20 !important; /* Tvoja najtamnija boja za tekst */
}

.alp-description p {
    margin-bottom: 20px !important;
}

/* 4. DONJA SEKCIJA (RESPOND / VIEW THREAD) */
.alp-respond-section {
    background: #f9fafc !important; /* Lightest Blue pozadina */
    padding: 50px 50px 40px 50px!important;
    border-top: 1px solid #DBEAFE !important;
    text-align: center !important;
}

/* Dugme "View your existing thread" ili "Respond" */
.alp-respond-section .alp-btn {
    display: inline-block !important;
    background: #046BD2 !important; /* Bright Blue za akciju */
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 16px 35px 15px 35px !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 16px rgba(4, 107, 210, 0.2) !important;
    border: none !important;
}

.alp-respond-section .alp-btn:hover {
    background: #0053A6 !important; /* Prelazi u tamniju plavu */
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(0, 83, 166, 0.3) !important;
}

/* 5. DODATNI STIL ZA LISTE ILI QUOTES U OPISU (Ako postoje) */
.alp-description ul {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
}

.alp-description li {
    margin-bottom: 8px !important;
    color: #414753 !important;
}

/* --- RESPONZIVNOST --- */
@media screen and (max-width: 768px) {
    .alp-single-article header, 
    .alp-description, 
    .alp-respond-section {
        padding: 40px 30px !important;
    }
    
    .alp-single-article h1 {
        font-size: 26px !important;
    }
}


/*   ---------DEMANDS--------- */

/* ── CARD WRAPPER ── */
.demand-card {
  background: #ffffff;
  border-radius: 8px;
  border-left: 3px solid #9ab0c4;
  box-shadow: 0 2px 12px rgba(23,28,32,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  padding: 28px 28px 22px 31px;
  display: flex;
  flex-direction: column;
}
.demand-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(23,28,32,0.10);
}

/* ── TOP ROW ── */
.card-top {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 12px; margin-bottom: 16px;
}

/* ── ORG NAME ── */
.org-name {
  font-family: "Inter", sans-serif; font-size: 0.875rem;
  font-weight: 600; color: #2C3E50; display: block; margin-bottom: 2px;
}

/* ── ORG TYPE BADGE ── */
.org-type-badge {
  display: inline-block; padding: 2px 8px; border-radius: 9999px;
  font-size: 0.68rem; font-weight: 700; font-family: "Inter", sans-serif;
  letter-spacing: 0.04em; text-transform: uppercase;
}
.org-type-badge[data-org-type="member-state-government-entity"]              { background:#fef3c7; color:#92400e; }
.org-type-badge[data-org-type="united-nations-entity"]                        { background:#dbeafe; color:#1d4ed8; }
.org-type-badge[data-org-type="global-regional-intergovernmental-body"]       { background:#ede9fe; color:#6d28d9; }
.org-type-badge[data-org-type="international-financial-institution-development-bank"] { background:#d1fae5; color:#065f46; }
.org-type-badge[data-org-type="private-sector-foundation"]                    { background:#e0f2fe; color:#0c4a6e; }
.org-type-badge[data-org-type="academia-think-tank-research-institution"]     { background:#fce7f3; color:#9d174d; }
.org-type-badge[data-org-type="civil-society-organization-ngo"]               { background:#fce7f3; color:#9d174d; }
.org-type-badge[data-org-type="other-please-specify"]                         { background:#f1f5f9; color:#475569; }

/* ── DEMAND META ── */
.demand-meta {
  font-family: "Inter", sans-serif; font-size: 0.75rem; color: #8fa3b3; margin-top: 2px;
}

/* ── STATUS BADGE ── */
.status-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 10px; border-radius: 9999px; font-size: 0.72rem;
  font-weight: 700; font-family: "Inter", sans-serif; flex-shrink: 0;
}
.status-badge::before {
  content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
}
.status-badge[data-status="open"]                 { background:#d1fae5; color:#065f46; }
.status-badge[data-status="open"]::before         { background:#10b981; }
.status-badge[data-status="urgent"]               { background:#fef3c7; color:#92400e; }
.status-badge[data-status="urgent"]::before       { background:#f59e0b; }
.status-badge[data-status="closing-soon"]         { background:#fce7f3; color:#9d174d; }
.status-badge[data-status="closing-soon"]::before { background:#ec4899; }

/* ── TITLE ── */
.demand-title {
  font-family: "Plus Jakarta Sans", sans-serif; font-size: 1.125rem;
  font-weight: 700; color: #2C3E50; line-height: 1.35; margin: 0 0 8px 0;
}

/* ── DESCRIPTION — 2-line clamp ── */
.demand-description {
  font-family: "Inter", sans-serif; font-size: 0.875rem;
  color: #5C6D7E; line-height: 1.65; margin: 0 0 18px 0;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}

/* ── THEME ROW ── */
.theme-row { display:flex; align-items:center; gap:6px; margin-bottom:14px; }
.theme-label { font-family:"Inter",sans-serif; font-size:0.72rem; font-weight:600; color:#8fa3b3; text-transform:uppercase; letter-spacing:0.06em; }
.theme-value { font-family:"Inter",sans-serif; font-size:0.78rem; font-weight:600; color:#0053a6; }

/* ── SUPPORT CHIPS ── */
.support-chips-wrap { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.support-chip {
  display:inline-flex; align-items:center; gap:5px; padding:4px 10px;
  border-radius:9999px; font-size:0.72rem; font-weight:700; font-family:"Inter",sans-serif;
}
.support-chip[data-type="technical-expertise"]             { background:#dbeafe; color:#1d4ed8; }
.support-chip[data-type="technical-expertise"]::before     { background:#3b82f6; }

.support-chip[data-type="innovation"]                      { background:#ede9fe; color:#6d28d9; }
.support-chip[data-type="innovation"]::before              { background:#8b5cf6; }

.support-chip[data-type="knowledge-products-research"]     { background:#fef3c7; color:#92400e; }
.support-chip[data-type="knowledge-products-research"]::before { background:#f59e0b; }

.support-chip[data-type="training-capacity-development"]   { background:#e0f2fe; color:#0c4a6e; }
.support-chip[data-type="training-capacity-development"]::before { background:#0ea5e9; }

.support-chip[data-type="financial-or-catalytic-support"]  { background:#d1fae5; color:#065f46; }
.support-chip[data-type="financial-or-catalytic-support"]::before { background:#10b981; }

.support-chip[data-type="in-kind-support"]                 { background:#ede9fe; color:#6d28d9; }
.support-chip[data-type="in-kind-support"]::before         { background:#8b5cf6; }

.support-chip[data-type="networks-convening-support"]      { background:#fce7f3; color:#9d174d; }
.support-chip[data-type="networks-convening-support"]::before { background:#ec4899; }

/* ── FOOTER ── */
.card-footer {
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid #eff4f9; padding-top:16px; gap:12px; margin-top:auto;
}
.posted-date, .deadline-date {
  font-family:"Inter",sans-serif; font-size:0.78rem; color:#8fa3b3;
}

/* ── RESPOND BUTTON ── */
.respond-btn, .respond-btn.elementor-button {
  background:#0053a6 !important; color:#ffffff !important;
  border:none !important; border-radius:5px !important;
  padding:9px 20px !important; font-family:"Inter",sans-serif !important;
  font-size:0.8125rem !important; font-weight:700 !important;
  transition:background 0.15s !important; flex-shrink:0;
}
.respond-btn:hover, .respond-btn.elementor-button:hover { background:#046bd2 !important; }

/* ── ACCENT BORDER BY PRIMARY SUPPORT TYPE ── */
.demand-card.support-technical-expertise { border-left-color:#3b82f6; }
.demand-card.support-innovation          { border-left-color:#8b5cf6; }
.demand-card.support-knowledge-products-research  { border-left-color:#f59e0b; }
.demand-card.support-financial-or-catalytic-support   { border-left-color:#10b981; }
.demand-card.support-in-kind-support     { border-left-color:#ec4899; }
.demand-card.support-networks-convening-support   { border-left-color:#0ea5e9; }

/* ── MOBILE ── */
@media (max-width: 768px) {
  .demand-card { padding:20px 20px 16px 22px; }
  .card-top { flex-direction:column; gap:10px; }
  .card-footer { flex-direction:column; align-items:flex-start; }
  .respond-btn { width:100%; text-align:center; justify-content:center; }
  .demand-title { font-size:1rem; }
}

figure.wp-block-image.aligncenter{
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}

ul.wpr-breadcrumbs{
	margin: 0;
	padding: 0;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results{
	padding: 0!important;
}

.ast-page-builder-template .entry-header.ast-header-without-markup{
	display: none;
}
.ast-page-builder-template.single .post-navigation{
	display:none;
}
.single.ast-page-builder-template .entry-header + .entry-content, .single.ast-page-builder-template .ast-single-entry-banner + .site-content article .entry-content{
	margin: 0;
}

@media screen and (min-width: 768px) {
 .ast-article-single .wpr-grid-last-element-yes .wpr-grid-item-below-content>div:last-child {
        position: relative !important;
        left: 0;
        bottom: 0;
    }
}

.ast-separate-container #primary{
	padding: 0!important;
	margin: 0!important;
}

.ast-plain-container.ast-no-sidebar #primary{
	padding: 0!important;
	margin: 0!important;
}

.alp-connect-modal{
	 max-height: 90vh;
    display: flex;
    flex-direction: column;
   border-radius: 16px;
	overflow-x: auto;
}

.amm-shortcode-popup-body{
	padding: 30px;
	overflow-y: auto !important; /* Aktivira vertikalni skrol */
    padding-right: 20px;
	 max-height: 70vh;
}