/*
Theme Name: ayaz-ege-theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: Arkhe AI
Author URI: https://anil-sezer.com
Description: ayaz-ege-theme, created from Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* Footer gap fix */
.wp-site-blocks > footer.wp-block-template-part {
    margin-block-start: 0 !important;
}

.fill-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

/* ***************** */
/* Table of Contents */
/* ***************** */
.table-of-contents {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.simpletoc-list li{
    font-size: 1.04rem;
}

/* ***************** */
/* BLOG Reading Page */
/* ***************** */
.wp-block-post-featured-image{
    max-height: 400px;
    /*margin: 0 auto;*/
}

.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

/* ***************** */
/* BLOG INDEXPAGE    */
/* ***************** */
.wp-block-latest-posts.news-cards-layout {
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 0.5rem;
    list-style: none;
}

.wp-block-latest-posts.news-cards-layout li {
    border: 0 solid aqua;
    margin: 0.5rem;
    position: relative;
    height: 12rem;
    overflow: hidden;
    border-radius: 0.5rem;
    flex: 1;
    min-width: 290px;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

@media (min-width: 900px) {
    .wp-block-latest-posts.news-cards-layout li {
        height: 20rem;
    }
}

.wp-block-latest-posts.news-cards-layout li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background 0.6s ease;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);*/
    z-index: 1;
}

.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-title,
.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-date,
.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-excerpt {
    position: relative;
    z-index: 2;
}

.wp-block-latest-posts.news-cards-layout li > a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    color: var(--wp--preset--color--base);
    text-decoration: none;
    transition: background-color 1.5s ease;
    z-index: 2;
}

.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    transition: color 1s ease;
    color: var(--wp--preset--color--base);
}

/*.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-date {*/
/*    font-size: 0.7rem;*/
/*    margin-bottom: 0.5rem;*/
/*    color: #CCC;*/
/*}*/

.wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__post-excerpt {
    /*font-weight: 300;*/
    color: var(--wp--preset--color--base);
    max-height: 0;
    opacity: 0;
    transition: max-height 1.5s ease, opacity 1s ease;
    overflow: hidden;
}

/* Hover effects for large screens */
@media (min-width: 900px) {
    .wp-block-latest-posts.news-cards-layout li:hover .wp-block-latest-posts__post-excerpt {
        max-height: 20rem;
        opacity: 1;
    }

    /*.wp-block-latest-posts.news-cards-layout li:hover > a {*/
    /*    background-color: rgba(0, 0, 0, 0.6);*/
    /*}*/

    .wp-block-latest-posts.news-cards-layout li:hover::before {
        background: rgba(0, 0, 0, 0.4);
    }

    .wp-block-latest-posts.news-cards-layout li:hover .wp-block-latest-posts__post-title {
        color: var(--wp--preset--color--accent-1);
    }

    .wp-block-latest-posts.news-cards-layout li:hover .wp-block-latest-posts__featured-image img {
        transform: scale(1.2);
    }
}

.wp-block-latest-posts__read-more{
    border-radius: 0.5rem;
    background-color: var(--wp--preset--color--accent-8);
    color: var(--wp--preset--color--base) !important;
    padding: 0.2rem;
}

/*!* Make featured images clickable on mobile *!*/
/*@media (max-width: 900px) {*/
/*    .wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__featured-image {*/
/*        cursor: pointer;*/
/*        transition: opacity 0.2s ease;*/
/*    }*/

/*    .wp-block-latest-posts.news-cards-layout .wp-block-latest-posts__featured-image:active {*/
/*        opacity: 0.8;*/
/*    }*/
/*}*/



/* ***************** */
/* HERO           */
/* ***************** */
.hero:hover a {
    color: var(--wp--preset--color--base) !important;
    background-color: var(--wp--preset--color--accent-7) !important;
}
.hero a {
    transition: all 1s ease !important;
}



.swiper-button-next,
.swiper-button-prev,
.swiper-pagination
{
    z-index: 1 !important;
}

/* ****************** */
/* Site header mobile */
/* ****************** */
@media (max-width: 830px) {
    .site-logo img {
        content: url('/wp-content/uploads/2025/10/site-logo.png');
        max-width: 3rem;
    }
    .wp-block-social-links {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .hero-section{
        width: 100%;
        justify-content: space-between;
    }

    #modal-1{
        justify-content: flex-start;
    }
}

/* ***************** */
/* Navmenu           */
/* ***************** */

/*:root {*/
/*    --navigation-layout-justification-setting: flex-start;*/
/*    --navigation-layout-align: flex-start;*/
/*}*/

.wp-block-navigation {
    --navigation-layout-justification-setting: flex-start !important;
    --navigation-layout-align: flex-start !important;
}

.wp-block-navigation__responsive-container-close{
    color: var(--wp--preset--color--accent-3) !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item > a::after {
    content: "›"; /* You can use ▸ ▶ ▼ or ⮞ */
    margin-left: 0.4em;
    font-size: 0.8em;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item:hover > a::after {
    transform: translateX(3px);
    opacity: 1;
}

.wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--contrast) !important;
    color: var(--wp--preset--color--base) !important;
    border: 1px solid var(--wp--preset--color--contrast);
    z-index: 9999 !important;
}

.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent-8) !important;
}

.wp-block-navigation-submenu .wp-block-navigation-link {
    color: var(--wp--preset--color--base) !important;
}

.wp-block-navigation-submenu .wp-block-navigation-link:hover {
    color: var(--wp--preset--color--accent-8) !important;
    background-color: var(--wp--preset--color--contrast);
}

/* Fix for white screen overlay on mobile dropdown */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-open .wp-block-navigation__responsive-container-content {
    background-color: var(--wp--preset--color--contrast) !important;
}

/* Mobile navigation overlay */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--contrast) !important;
}

/* Navigation modal background */
.wp-block-navigation .wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--contrast) !important;
}

/* Ensure mobile menu text is visible */
.wp-block-navigation__responsive-container-open .wp-block-navigation-item__content {
    color: var(--wp--preset--color--base) !important;
}

/* Main navigation container */
.wp-block-navigation {
    position: relative;
}

/* Navigation submenu positioning */
.wp-block-navigation-submenu {
    position: relative;
}

/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
body {
    /*background-color: #1987c6;*/

    /*background-image: url("https://www.transparenttextures.com/patterns/shattered.png");*/

    /*background-image: url("https://www.transparenttextures.com/patterns/gplay.png");*/

    /*background-image: url("https://www.transparenttextures.com/patterns/mirrored-squares.png");*/

    /*background-image: url("https://www.transparenttextures.com/patterns/notebook-dark.png");*/
    /*background-image: url("https://www.transparenttextures.com/patterns/brick-wall.png");*/
    background-image: url("/wp-content/uploads/2025/10/brick-wall.png");
    /*background-color: #858687;*/

    /*background-image: url("https://www.transparenttextures.com/patterns/stardust.png");*/
}

/* DRAFT */
/*background-image: url("https://www.transparenttextures.com/patterns/padded.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/flowers.png");*/
/*background-image: url("https://www.transparenttextures.com/patterns/foggy-birds.png");*/

/* ***************** */
/* checkmark thang      */
/* ***************** */
ul.wp-block-list {
    list-style: none;
    padding-left: 0;
}
ul.wp-block-list li {
    position: relative;
    margin-bottom: 0.5em;
}

ul.wp-block-list li::before {
    content: "✔";
    color: #00d084;
    padding-right: 0.5em;
    text-shadow: 0 0 8px #00d084aa;
    animation: pulse 1.5s infinite alternate;
}

@keyframes pulse {
    from { text-shadow: 0 0 8px #00d084aa; }
    to { text-shadow: 0 0 16px #00d084; }
}

/* ***************** */
/* product-box       */
/* ***************** */
.product-box{
    box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
    /* Mobile-first: lighter shadow for performance */
}

/* todo: mobilde Aktif statüden vazgeçtik, silinecek */
/*!* Mobile: Always show the "active" state since hover doesn't work *!*/
/*@media (max-width: 768px) {*/
/*    .product-img {*/
/*        filter: contrast(95%); !* Middle ground between normal and hover *!*/
/*        transition: none; !* Remove transitions on mobile for better performance *!*/
/*    }*/

/*    !* Show accent color by default on mobile *!*/
/*    .product-box .fa-icon path {*/
/*        fill: var(--wp--preset--color--accent-8) !important;*/
/*    }*/

/*    .product-box .wp-block-button__link,*/
/*    .product-box .wp-block-button a {*/
/*        background-color: var(--wp--preset--color--accent-8) !important;*/
/*        transition: none; !* Remove transitions on mobile *!*/
/*    }*/

/*    !* Add subtle tap feedback *!*/
/*    .product-box:active {*/
/*        transform: scale(0.98);*/
/*        transition: transform 0.1s ease;*/
/*    }*/
/*}*/

/* Desktop and devices with hover capability */
@media (hover: hover) and (pointer: fine) {
    .product-box:hover .product-img {
        filter: contrast(100%);
    }

    .product-img {
        filter: contrast(90%);
        transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);
    }

    /* Target the SVG path directly for fa-icon hover effects */
    .product-box:hover .fa-icon path {
        fill: var(--wp--preset--color--accent-8) !important;
    }

    /* Add hover effect for button block background */
    .product-box:hover .wp-block-button__link,
    .product-box:hover .wp-block-button a {
        background-color: var(--wp--preset--color--accent-8) !important;
    }

    /* Add smooth transition for button background */
    .product-box .wp-block-button__link,
    .product-box .wp-block-button a {
        transition: background-color 1.2s ease !important;
    }
}

/* ***************** */
/* custom headers    */
/* ***************** */
.divider-header {
    display: flex;
    align-items: center;
    gap: 1rem; /* spacing between text and line */
    font-weight: 600;
    /*font-style: italic;*/
}

.divider-header::after {
    content: "";
    flex-grow: 1;
    height: 3px;
    background-color: var(--wp--preset--color--accent-8, #ccc);
}

.divider-header.services::after {
    background-color: var(--wp--preset--color--accent-2, #ccc) !important;
}

/* ***************** */
/* service-box   */
/* ***************** */
.service-box{
    box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
    transition: background-color 1s ease !important;
}

/* todo: mobilde Aktif statüden vazgeçtik, silinecek */
/*!* Mobile: Always show the "active" state since hover doesn't work *!*/
/*@media (max-width: 768px) {*/
/*    .service-box {*/
/*        background-color: var(--wp--preset--color--contrast) !important;*/
/*    }*/

/*    .service-box .fa-icon path {*/
/*        fill: var(--wp--preset--color--accent-8) !important;*/
/*    }*/

/*    .service-box h2,*/
/*    .service-box a {*/
/*        color: var(--wp--preset--color--accent-8) !important;*/
/*    }*/
/*}*/

/* Desktop and devices with hover capability */
@media (hover: hover) and (pointer: fine) {
    .service-box:hover {
        background-color: var(--wp--preset--color--contrast) !important;
    }

    .service-box:hover .fa-icon path {
        fill: var(--wp--preset--color--accent-8) !important;
    }

    .service-box:hover h2,
    .service-box:hover a {
        color: var(--wp--preset--color--accent-8) !important;
    }

    .fa-icon path,
    .service-box h2,
    .service-box a {
        transition: all 1s ease !important;
    }
}

/* ***************** */
/* blog posts        */
/* ***************** */
.wp-block-latest-posts__list li {
    background: var(--wp--preset--color--base);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.wp-block-latest-posts__list li:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* ***************** */
/* details thing     */
/* ***************** */
summary {
    border: 4px solid transparent;
    outline: none;
    /*&:focus {*/
    /*    border-color: black;*/
    /*}*/
    padding: 1rem;
    display: block;
    background: #282828;
    color: var(--wp--preset--color--base);
    box-shadow: 0 .1rem 1rem -.5rem rgba(0,0,0,.4);
    padding-left: 2.2rem;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease !important;
}

.q-and-a:hover summary{
    color: color-mix(in srgb, var(--wp--preset--color--accent-8) 70%, white 30%);
}
.q-and-a:hover summary:before{
    border-color: transparent transparent transparent var(--wp--preset--color--accent-8);
}

/* Style open summaries with accent color */
.q-and-a details[open] summary {
    color: var(--wp--preset--color--accent-1);
}
.q-and-a details[open] summary:before {
    border-color: transparent transparent transparent var(--wp--preset--color--accent-8);
}

/* Ensure hover still works on open summaries */
.q-and-a details[open]:hover summary {
    color: var(--wp--preset--color--accent-8);
}
.q-and-a details[open]:hover summary:before {
    border-color: transparent transparent transparent var(--wp--preset--color--accent-8);
}

details {
    box-sizing: border-box;
    background: #333;
    color: var(--wp--preset--color--base);
    border-radius: 5px;
}
details summary::-webkit-details-marker {
    display:none;
}
details[open] > summary:before {
    transform: rotate(90deg);
}
summary:before {
    content: '';
    border-width: .4rem;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 1.3rem;
    left: 1rem;
    transform: rotate(0);
    transform-origin: .2rem 50%;
    transition: .25s transform ease, border-color 0.3s ease;
}

/* ***************** */
/* No longer used    */
/* ***************** */

/*.outline-number {*/
/*    color: transparent !important; !* no fill *!*/
/*    -webkit-text-stroke: 2px rgb(from var(--wp--preset--color--accent-3) r g b / 0.5) !important; !* stroke effect *!*/
/*    text-stroke: 2px rgb(from var(--wp--preset--color--accent-3) r g b / 0.5) !important; !* fallback *!*/
/*    !*transition: -webkit-text-stroke 0.4s ease, text-stroke 0.4s ease, color 0.4s ease !important;*!*/
/*}*/
/*.no-wrap {*/
/*    white-space: nowrap !important;*/
/*}*/


/* default overlay style */
.hover-overlay .wp-block-cover__background {
    opacity: 0.3; /* normal state */
    transition: opacity 0.3s ease;

    inset: 0;
    background: linear-gradient(to bottom,
        rgba(0,0,0,1) 0%,   /* top fade */
        rgba(0,0,0,0) 10%,  /* middle visible */
        rgba(0,0,0,0) 90%,
        rgba(0,0,0,1) 100%  /* bottom fade */
    );
}

/* on hover */
.hover-overlay:hover .wp-block-cover__background {
    opacity: 0.2 !important; /* lighter overlay when hovered */
}

/* Twenty Twenty-Five styles: */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}