/* CSS Document */


/* book style cover - effect shadow — DEVRE DIŞI (kullanıcı istemedi) */
.cover:after {
    display: none !important;
}



/* =====================================================
   PORTFOLIO SKELETON / LAZY-LOAD SYSTEM
   ===================================================== */

/* Shimmer keyframe */
@keyframes portfolioShimmer {
    0%   { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

/* Skeleton placeholder — sits inside .media-box, shown while image loads */
.port-skeleton {
    display: block;
    width: 100%;
    /* 3:2 aspect ratio — adjust to match your typical portfolio image */
    padding-top: 66.67%;
    position: relative;
    background: #e8e8e8;
    background: linear-gradient(
        90deg,
        #e8e8e8 25%,
        #f5f5f5 50%,
        #e8e8e8 75%
    );
    background-size: 800px 100%;
    animation: portfolioShimmer 1.4s infinite linear;
    border-radius: 1px;
}

/* The real image — hidden until loaded */
.portfolio-items .hentry img.port-lazy {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.4s ease;
    position: absolute;
    top: 0; left: 0;
}

/* Once loaded: fade in + remove absolute positioning */
.portfolio-items .hentry img.port-lazy.port-lazy-done {
    opacity: 1;
    position: static;
}

/* Wrapper that holds both skeleton + image together */
.port-img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0; /* remove gap under inline img */
}

/* When image is loaded, kill skeleton */
.port-img-wrap.port-loaded .port-skeleton {
    display: none;
}


/* SCROLL SHADOWS TOP AND BOTTOM - reduces performance in firefox */
/*.antiscroll-wrap:before { position: absolute; content: ""; z-index: 1;
	width: 100%;
	height: 40px;
	top: 0;
	left: 0;
	pointer-events: none;
	box-shadow: 0 20px 40px rgba(255,255,255, .5) inset;
}
.antiscroll-wrap:after { position: absolute; content: "";
	width: 100%;
	height: 40px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	box-shadow: 0 -20px 40px rgba(255,255,255, .5) inset;
}*/

/* =====================================================