/**
 * Theme Name: TZ VIŠKOVO
 * Description: TZ VIŠKOVO
 * Author: KREA
 * Template: blocksy
 * Text Domain: blocksy
 */
/* ===== RESET LIST + INDENTATION (no bullets, no indent, no dropdown) ===== */

/* Works whether the class is on <nav> or <ul> */
.footer-menu-viskovo ul,
.footer-menu-viskovo li,
.footer-menu-viskovo .menu,
.footer-menu-viskovo .sub-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    /* Logical properties that themes often use */
    padding-inline-start: 0 !important;
    margin-inline-start: 0 !important;
}

/* Kill dropdown / flyout behavior for submenus in footer */
.footer-menu-viskovo .menu-item-has-children > .sub-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
}

/* Just in case Blocksy uses flex/gap to indent children */
.footer-menu-viskovo .sub-menu {
    display: block !important;
    gap: 0 !important;
}

/* ===== TYPOGRAPHY + COLOR ===== */

/* Base styles for all links in this footer menu */
.footer-menu-viskovo a {
    color: #1A171B !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    text-transform: none !important;
    display: block;
}

/* PARENT (TOP LEVEL) – uppercase + bold */
.footer-menu-viskovo .menu > li > a {
    text-transform: uppercase !important;
    font-weight: 700 !important;
	font-size:22px;
}

/* CHILDREN – normal case + normal weight */
.footer-menu-viskovo .sub-menu a {
    text-transform: none !important;
    font-weight: 400 !important;
	line-height:30px;
}

/* CHILDREN – normal case + normal weight */
.footer-menu-viskovo .sub-menu li:last-child {
    margin-bottom:60px;
}


/* Optional: a tiny bit of vertical spacing between items */
.footer-menu-viskovo .menu > li {
    margin-bottom: 4px !important;
}

/* Force vertical layout: parent above children (no flex rows) */
.footer-menu-viskovo .menu,
.footer-menu-viskovo .menu > li,
.footer-menu-viskovo .menu-item-has-children {
    display: block !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
#offcanvas .ct-panel-content-inner>*:last-child
 {
    width: 100%;
}

/* Parent button that will have the animated arrow */
.gs-arrow-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;              /* space between text and arrow */
    text-decoration: none;
}

/* Initial position: slide arrow from left */
.gs-arrow-btn .gs-arrow-svg {
    transform: translateX(-30px);
    transition: transform 0.4s;
}

/* Line starts collapsed */
.gs-arrow-btn .gs-arrow-svg .gs-arrow-line {
    transform: scaleX(0);
    transform-origin: center right;
    transition: transform 0.4s;
}

/* On hover: button → arrow moves in, line grows */
.gs-arrow-btn:hover .gs-arrow-svg {
    transform: translateX(0);
}

.gs-arrow-btn:hover .gs-arrow-svg .gs-arrow-line {
    transform: scaleX(1);
}
@media (min-width: 1200px) {
#offcanvas .ct-toggle-close {
    margin-right: 20px;
    margin-top: 5px;
}
}
@media (max-width: 1199px) {
#offcanvas .ct-toggle-close {
    margin-right: 0px;
    margin-top: 15px;
}
}
@media (max-width: 1199px) {
#offcanvas .ct-toggle-close {
    margin-right: 0px;
    margin-top: 15px;
}
}


@media (max-width: 1000px) {
    .ct-panel-actions {
        padding-bottom: 35px;
        border-bottom: 1px solid #cfcfcf;
    }
	#offcanvas  img{
    margin-top: -129px !important;
    z-index: 1111;
    position: absolute;
    margin-left: -12px;
    width: 96px !important;
    height: 96px !important;
}

}
@media (max-width: 1000px) {
	#offcanvas  img{
    margin-top: -129px !important;
		margin-left: 0px;}
	#offcanvas .mobile-menus{
	margin-top:-140px;
}
    

}