/*
Theme Name: Marin Premium
Theme URI: https://www.wpfrank.com/marin/
Author: wpfrank 
Author URI: https://www.wpfrank.com/
Description: A powerful next generation theme for upcoming generations and traditional UI that focuses on the color combinations of solid and gradient colors, along with cool animations and attractive features. It's perfect for any type of business. View the demo of marin Pro https://www.wpfrank.com/demo/pro/?theme=marin
Version: 4.3.0
Tested up to: 6.4
Requires PHP: 5.6
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: marin
Template : marin
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* gallery cross buttom style */
button.featherlight-close-icon.featherlight-close {
    background-color: var(--sp-primary);
    border: 1px solid var(--sp-white);
    top: 40px;
    right: 40px;
    border-radius: 0;
}


/* circle hover */
.is-style-circle figure.tiled-gallery__item:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.65s;
}
.is-style-circle figure.tiled-gallery__item:hover:before,
.is-style-circle figure.tiled-gallery__item:focus:before{
    visibility: visible;
    opacity: 0.5;
}

/* circle spacing */
.wp-block-jetpack-tiled-gallery .tiled-gallery__row{
	margin-right: calc(-.4 * var(--bs-gutter-x));
    margin-left: calc(-.4 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row>* {
    padding-right: calc(var(--bs-gutter-x) * .4);
    padding-left: calc(var(--bs-gutter-x) * .4);
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row:not(:last-child) {
    margin-bottom: 20px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__row+.tiled-gallery__row {
    margin-top: 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__col+.tiled-gallery__col {
    margin-left: 0px;
}

/* circle box shadow */
.wp-block-jetpack-tiled-gallery.is-style-circle .tiled-gallery__item {
    border-radius: 50%;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery.is-style-rectangular .tiled-gallery__item {
    width: 100%!important;
    height: 100%!important;
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__item {
	box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.wp-block-jetpack-tiled-gallery .tiled-gallery__gallery{
	justify-content: center;
}

.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item{
	width: 100%!important;
	margin-bottom: 20px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item:last-child{
	margin-bottom: 0px
}
.wp-block-jetpack-tiled-gallery.is-style-columns .tiled-gallery__item {
    margin-top: 0px;
}
.wp-block-table figcaption {
     text-align: center;
}
.sidebar .widget .wp-block-group .wp-block-image {
	margin-bottom: 0;
}
ul.wp-block-rss {
 	list-style: disc;
}
.has-text-color a:hover, .has-text-color a:focus {
	color: inherit;
}
.entry-content ul:last-child {
 margin-bottom: 0;
}
.wp-block-code.has-text-color code {
 	      color: inherit;
}
.sidebar .widget .wp-block-group .is-nowrap p {
 	padding: 0;
 }



/* Custom Css for Container */
.container-full {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-full {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-full {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-full {
        max-width: 1500px;
    }
}

@media (min-width: 1200px) {
    body.theme-boxed .container-full {
        max-width: 1470px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Custom Css for Container */
.container-full {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-full {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-full {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-full {
        max-width: 1500px;
    }
}

@media (min-width: 1200px) {
    body.theme-boxed .container-full {
        max-width: 1470px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ========================================================= */
/* === НАВИГАЦИЈА ПАГЕР ===================== */
/* ========================================================= */

.single .post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

.single .post-navigation a {
    position: relative;
    color: #71185d;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

/* Анимација со линија под текстот */
.single .post-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background-color: var(--sp-primary, #161717);
    transition: width 0.3s ease;
}

.single .post-navigation a:hover {
    color: var(--sp-primary-hover, #384236);
}

.single .post-navigation a:hover::after {
    width: 100%;
}

.single .post-navigation .nav-previous,
.single .post-navigation .nav-next {
    flex: 1;
}

.single .post-navigation .nav-previous {
    text-align: left;
}

.single .post-navigation .nav-next {
    text-align: right;
}



/* ========================================================= */
/* === ЕДНА ПЕПЕРУТКА НА ДЕСKTOP ========================= */
/* ========================================================= */

/* Родител за анимација */
body.home .butterfly-container,
body.front-page .butterfly-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px; /* висина на летот */
  pointer-events: none;
  overflow: visible;
  z-index: 10;
}

/* Пеперутка од десно кон лево */
body.home .butterfly-container::after,
body.front-page .butterfly-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 60px;
  background: url("https://korcagin.mk/wp-content/uploads/2025/10/korcagin-fly-desno.png") no-repeat center/contain;
  opacity: 0;
  animation: butterflyRightToLeft 8s ease-in-out forwards;
  animation-delay: 1.5s;
}

/* Скриј секоја друга пеперутка */
body.home .butterfly-container::before,
body.front-page .butterfly-container::before {
  display: none;
}

/* Анимација десна -> лева */
@keyframes butterflyRightToLeft {
  0%   { transform: translate(0,0) rotate(0deg) scale(1); opacity: 0; }
  5%   { opacity: 1; }
  20%  { transform: translate(-120px,50px) rotate(-15deg) scale(1.05); }
  40%  { transform: translate(-260px,100px) rotate(10deg); }
  60%  { transform: translate(-420px,160px) rotate(-20deg) scale(1.1); }
  80%  { transform: translate(-580px,230px) rotate(15deg) scale(0.95); }
  100% { transform: translate(-750px,320px) rotate(0deg) scale(0.9); opacity: 0; }
}

/* Осигури body позиционирање и спречи хоризонтално лизгање */
body.home,
body.front-page {
  position: relative;
  overflow-x: hidden;
}

/* ========================================================= */
/* === Мобилен: нема пеперутка ============================ */
/* ========================================================= */
@media (max-width: 767px) {
  body.home .butterfly-container,
  body.front-page .butterfly-container {
    display: none;
  }
}

/* Осигури body и wrapper да не се мрдaт */
body.home,
body.front-page {
    position: relative;
    overflow-x: hidden; /* спречува хоризонтално лизгање */
}

/* Скриј целосно butterfly-container на мобилен */
@media (max-width: 767px) {
    body.home .butterfly-container,
    body.front-page .butterfly-container {
        display: none;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

/* Суптилен hover ефект за сите img елементи */
img,
.owl-carousel .owl-item img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  transition: transform 0.5s ease, filter 0.5s ease;
  transform-origin: center center;
}

/* Hover ефект */
img:hover,
.owl-carousel .owl-item:hover img {
  transform: scale(1.01); /* мало зумирање */
  filter: brightness(0.85) saturate(1.1); /* благо затемнување и поинтензивни бои */
}

.theme-content h1 {
  font-size: 46px;
  margin-bottom: 12px;
  background-color: rgba(0, 0, 0, 0.5); /* темна транспарентна позадина */
  display: inline-block; /* да се прилагоди по должина на текстот */
  color: #fff; /* бел текст за контраст */
  padding: 10px 20px; /* малку простор околу текстот */
  border-radius: 8px; /* за убави агли */
}