/*
Theme Name: Avixa
Theme URI: https://avixabric.com
Author: Berat Ünver
Description: AVİXA Briç Spor Kulübü için özel blok teması — "kulüp salonu" estetiği: editoryal tipografi, iskambil motifleri.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avixa
*/

::selection {
	background: var(--wp--preset--color--primary);
	color: #fff;
}

/* ---------- Header ---------- */

/* Marka şeridi: kırmızı→mavi ince çizgi */
.avixa-header {
	position: relative;
}
.avixa-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg,
		var(--wp--preset--color--primary) 0%,
		var(--wp--preset--color--primary) 60%,
		var(--wp--preset--color--secondary) 60%,
		var(--wp--preset--color--secondary) 100%);
}

/* Menü bağlantılarında soldan kayan alt çizgi */
.wp-block-navigation .wp-block-navigation-item__content {
	position: relative;
	text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 2px;
	width: 100%;
	background: var(--wp--preset--color--primary);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.25s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content::after {
	transform: scaleX(1);
	transform-origin: left;
}

/* ---------- Mobil menü (overlay) ---------- */

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start;
	padding: 4rem 2rem 3rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container.items-justified-right,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start;
	gap: 1.4rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.65rem;
	font-weight: 600;
	line-height: 1.2;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
	bottom: -2px;
	height: 2px;
}
/* Alt köşede iskambil imzası */
.wp-block-navigation__responsive-container.is-menu-open::after {
	content: "♠ ♥ ♦ ♣";
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	letter-spacing: 0.7em;
	font-size: 1rem;
	color: #7a7c82;
	pointer-events: none;
}

/* ---------- Hero ---------- */

.avixa-hero {
	position: relative;
	overflow: hidden;
}

/* Dekoratif iskambil sembolleri */
.avixa-hero .avixa-suit {
	position: absolute;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	z-index: 0;
}
.avixa-suit--spade {
	top: -3rem;
	left: 2%;
	font-size: clamp(8rem, 18vw, 17rem);
	color: #ffffff;
	opacity: 0.05;
	transform: rotate(-14deg);
}
.avixa-suit--heart {
	bottom: -4rem;
	right: 4%;
	font-size: clamp(7rem, 15vw, 14rem);
	color: var(--wp--preset--color--primary);
	opacity: 0.16;
	transform: rotate(12deg);
}
.avixa-suit--diamond {
	top: 14%;
	right: 20%;
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	color: var(--wp--preset--color--secondary);
	opacity: 0.35;
	transform: rotate(-8deg);
}
.avixa-suit--club {
	bottom: 12%;
	left: 14%;
	font-size: clamp(2rem, 4vw, 3.5rem);
	color: #ffffff;
	opacity: 0.12;
	transform: rotate(16deg);
}

/* Hero içeriği sembollerin üstünde kalsın (semboller hariç) */
.avixa-hero > *:not(.avixa-suit) {
	position: relative;
	z-index: 1;
}

/* Yüklenişte kademeli yükselme */
@keyframes avixa-rise {
	from {
		opacity: 0;
		transform: translateY(26px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.avixa-rise-1, .avixa-rise-2, .avixa-rise-3, .avixa-rise-4 {
	animation: avixa-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.avixa-rise-2 { animation-delay: 0.1s; }
.avixa-rise-3 { animation-delay: 0.2s; }
.avixa-rise-4 { animation-delay: 0.32s; }

@media (prefers-reduced-motion: reduce) {
	.avixa-rise-1, .avixa-rise-2, .avixa-rise-3, .avixa-rise-4 {
		animation: none;
	}
}

/* Hero'daki dış çizgili buton koyu zeminde okunur olsun */
.avixa-hero .is-style-outline .wp-block-button__link {
	color: #f5f5f3;
	border-color: rgba(255, 255, 255, 0.45);
	transition: border-color 0.2s ease, background-color 0.2s ease;
}
.avixa-hero .is-style-outline .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: #ffffff;
	color: #ffffff;
}

/* ---------- Eyebrow (bölüm üstü etiket) ---------- */

.avixa-eyebrow {
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.78rem;
}

/* ---------- Duyuru kartları ---------- */

.avixa-card {
	position: relative;
	overflow: hidden;
	transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.avixa-card::after {
	content: "♠";
	position: absolute;
	right: 0.9rem;
	bottom: 0.1rem;
	font-size: 3.4rem;
	line-height: 1;
	color: var(--wp--preset--color--contrast);
	opacity: 0.07;
	pointer-events: none;
}
li:nth-child(3n+2) .avixa-card::after {
	content: "♥";
	color: var(--wp--preset--color--primary);
	opacity: 0.12;
}
li:nth-child(3n) .avixa-card::after {
	content: "♦";
	color: var(--wp--preset--color--secondary);
	opacity: 0.12;
}
.avixa-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 44px rgba(30, 31, 35, 0.13);
	border-color: transparent !important;
}
.avixa-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--ink);
	transition: color 0.2s ease;
}
.avixa-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------- Butonlar ---------- */

.wp-block-button__link {
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(181, 32, 46, 0.3);
}
.is-style-outline .wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* ---------- Duyuru listesi (arşiv/blog) ---------- */

.avixa-list-item {
	transition: background-color 0.2s ease;
}
.avixa-list-item .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--ink);
	transition: color 0.2s ease;
}
.avixa-list-item .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------- Suit ayraç (♠ ♥ ♦ ♣) ---------- */

.avixa-suit-divider {
	letter-spacing: 0.9em;
	text-indent: 0.9em; /* letter-spacing son karakterde boşluk bırakır, dengele */
}

/* ---------- İçerik sayfaları ---------- */

.wp-block-post-content a {
	text-underline-offset: 3px;
}