/* ==================================================
   HOME SIDEBAR – START
   ================================================== */

.home_sidebar_image img {
    width:100%;
    border-radius:6px;
    margin-bottom:15px;
}

.home_sidebar_title {
    margin-top:10px;
    font-size:18px;
}

.home_sidebar_text {
    font-size:14px;
    line-height:1.5;
    opacity:0.9;
}

/* ==================================================
   HOME SIDEBAR – END
   ================================================== */


/* ==================================================
   HOME MODULES – START
   ================================================== */

.home_modules_title {
    margin-top:0;
    margin-bottom:30px;
}

/* ==================================================
   HOME MODULES – END
   ================================================== */


/* ==================================================
   HOME TILE GRID – START
   ================================================== */

.home_tiles {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:30px;
}
/* ==================================================
   HOME TILE GRID RESPONSIVE – START
   ================================================== */

@media (max-width:1100px) {

.home_tiles {
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:700px) {

.home_tiles {
    grid-template-columns:1fr;
}

}

/* ==================================================
   HOME TILE GRID RESPONSIVE – END
   ================================================== */

/* ==================================================
   HOME TILE GRID – END
   ================================================== */

   
   /* ==================================================
   HOME TILE – START
   ================================================== */

.home_tile {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;

    background:var(--color_surface);
    padding:36px;
    border-radius:10px;
    text-decoration:none;
    color:var(--color_text);
    border:1px solid var(--color_border);

    transition:0.15s;
}

.home_tile:hover {
    border-color:var(--color_secondary);
    background:var(--color_secondary_light);
    transform:translateY(-2px);
}

/* ==================================================
   HOME TILE – END
   ================================================== */


/* ==================================================
   HOME TILE ICON – START
   ================================================== */

.home_tile_icon{
    margin-bottom:14px;
    opacity:0.75;
}

.home_tile_icon svg{
    width:30px;
    height:30px;
    transition: all 0.2s ease;
}

/* hover tylko dla ikony w kafelku */
.home_tile:hover .home_tile_icon svg{
    transform: scale(1.15);
    opacity:1;
}

/* ==================================================
   HOME TILE ICON – END
   ================================================== */


/* ==================================================
   HOME TILE TEXT – START
   ================================================== */

.home_tile_title {
    font-size:22px;
    font-weight:600;
    margin-bottom:10px;
}

.home_tile_desc {
    font-size:14px;
    opacity:0.75;
}

/* ==================================================
   HOME TILE TEXT – END
   ================================================== */