/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.fa-clock::before {
    content: "\f017";
}

#header [data-row*=middle]  {
    z-index: 4 !important;
	max-height: 90px !important;
}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.top-header p {
    margin: 0 0 0 270px;
    display: flex;
    align-items: center;
    gap: 6px;
}

[data-row="top"] {
    position: relative;
    background: white;
    overflow: hidden;
}

/* ljubičasti dio */
[data-row="top"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #392872; /* ljubičasta */

    /* dijagonalni rez */
    clip-path: polygon(
        0 0,
        46% 0,
        45% 100%,
        0 100%
    );

    z-index: 0;
}

/* sadržaj iznad */
[data-row="top"] .ct-container {
    position: relative;
    z-index: 1;
}



#header [data-items="primary"] {
    max-height: 80px !important;
}


.site-branding {
    position: relative;
    padding: 45px 85px;
    z-index: 10;
	top: -30px;
}

/* BIJELI OVAL */
.site-branding::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    border-radius: 20% 20% 70% 70% / 50% 50% 90% 90%;
    z-index: -1;
}

/* OBOJENI OVAL IZA */
.site-branding::after {
    content: "";
    position: absolute;

    /* širi lijevo-desno */
    left: -8px;
    right: -8px;

    /* pomak gore — da se ne vidi dolje */
    top: -64px;
    bottom: 14px;

    background: var(--theme-palette-color-1);
    border-radius: 999px;
    z-index: -2;
}

.clients p {
    display: flex;
    align-items: center;
	padding: 0 10px;
}

.clients p::before, .clients p::after {
	content: "";
    display: block;
    flex-grow: 1;
    border-top: 1px solid var(--theme-palette-color-4);
	margin: 0 10px;
}

.logo-carousel .wp-block-stackable-column[role="listitem"] {
    width: 170px !important;
    flex: 0 0 170px !important;
}

.logo-carousel .stk-img-wrapper {
    width: 170px;
    height: 80px;

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

    border-radius: 15px;
    border: 1px solid #E3E8F4;
    box-shadow: 0px 9px 30px 0px #f0f1f3;
    overflow: hidden;
}

.logo-carousel .stk-img-wrapper img {
    max-width: 80%;
    max-height: 80%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}