/*
Theme Name: Twenty Twenty-Five MoveX
Theme URI: https://www.movex.tr
Author: MoveX
Author URI: https://www.movex.tr
Description: MoveX için düzenlenmiş modern, koyu temalı, startup ve dijital nakliyat odaklı Twenty Twenty-Five child/override stil dosyası.
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: custom-colors, custom-logo, editor-style, featured-images, full-site-editing, wide-blocks, accessibility-ready, blog, business, landing-page
*/

/* =========================================================
   MOVE X - GLOBAL TOKENS
========================================================= */
:root{
	--movex-bg: #020617;
	--movex-bg-soft: #071226;
	--movex-panel: #0b1220;
	--movex-card: #0f172a;
	--movex-card-2: #111c34;
	--movex-line: rgba(255,255,255,.08);
	--movex-line-strong: rgba(255,255,255,.14);
	--movex-text: #e5e7eb;
	--movex-text-soft: #94a3b8;
	--movex-title: #f8fafc;
	--movex-brand: #38bdf8;
	--movex-brand-2: #22c55e;
	--movex-accent: #ff8a00;
	--movex-warning: #f59e0b;
	--movex-danger: #ef4444;
	--movex-radius: 18px;
	--movex-radius-lg: 26px;
	--movex-shadow: 0 20px 60px rgba(0,0,0,.35);
	--movex-shadow-soft: 0 10px 30px rgba(0,0,0,.20);
}

/* =========================================================
   BASE
========================================================= */
html{
	scroll-behavior: smooth;
}

body{
	background:
		radial-gradient(circle at top right, rgba(56,189,248,.10), transparent 22%),
		radial-gradient(circle at top left, rgba(34,197,94,.08), transparent 18%),
		linear-gradient(180deg, var(--movex-bg) 0%, var(--movex-bg-soft) 55%, var(--movex-bg) 100%);
	color: var(--movex-text);
	font-family: Inter, Arial, Helvetica, sans-serif;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6{
	color: var(--movex-title);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.15;
	text-wrap: pretty;
}

h1{
	font-size: clamp(2rem, 5vw, 4.4rem);
}

h2{
	font-size: clamp(1.6rem, 3.5vw, 2.8rem);
}

h3{
	font-size: clamp(1.25rem, 2.6vw, 1.75rem);
}

p, blockquote, caption, figcaption{
	text-wrap: pretty;
}

p{
	color: var(--movex-text-soft);
}

strong{
	color: var(--movex-title);
}

/* =========================================================
   LINKS
========================================================= */
a{
	color: var(--movex-brand);
	text-decoration: none;
	transition: all .2s ease;
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

a:hover{
	color: #7dd3fc;
}

.more-link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--movex-brand), #7dd3fc);
	color: #001018 !important;
	font-weight: 800;
	box-shadow: var(--movex-shadow-soft);
	margin-top: 12px;
}

.more-link:hover{
	transform: translateY(-2px);
}

/* =========================================================
   FOCUS / ACCESSIBILITY
========================================================= */
:where(.wp-site-blocks *:focus){
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--movex-brand);
	outline-offset: 3px;
	border-radius: 8px;
}

/* =========================================================
   LAYOUT WRAPPERS
========================================================= */
.wp-site-blocks{
	color: var(--movex-text);
}

.wp-site-blocks,
.wp-block-group,
.wp-block-cover,
.wp-block-columns{
	position: relative;
}

.wp-block-group{
	border-radius: var(--movex-radius);
}

.wp-block-group.has-background,
.wp-block-cover,
.wp-block-query,
.wp-block-post-template > li,
.wp-block-post,
.wp-block-navigation__responsive-container,
.wp-block-search,
.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives{
	border-radius: var(--movex-radius);
}

/* =========================================================
   HEADER / NAVIGATION
========================================================= */
header.wp-block-template-part,
.wp-block-template-part header,
header{
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.wp-block-navigation{
	font-weight: 700;
}

.wp-block-navigation .wp-block-navigation-item__content{
	color: var(--movex-title);
	padding: 8px 12px;
	border-radius: 12px;
	transition: all .2s ease;
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item__content:hover{
	background: rgba(255,255,255,.05);
	color: var(--movex-brand);
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container{
	background: rgba(11,18,32,.98);
	border: 1px solid var(--movex-line);
	border-radius: 16px;
	box-shadow: var(--movex-shadow);
	padding: 10px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{
	outline-offset: 0;
}

.wp-block-navigation__responsive-container{
	background: rgba(2,6,23,.98) !important;
	color: var(--movex-text);
}

/* =========================================================
   BUTTONS
========================================================= */
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
	border-radius: 999px !important;
	font-weight: 800;
	padding: 14px 22px;
	border: 1px solid transparent;
	transition: all .2s ease;
	box-shadow: var(--movex-shadow-soft);
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	transform: translateY(-2px);
}

.wp-block-button.is-style-outline .wp-block-button__link{
	background: transparent !important;
	border: 1px solid var(--movex-line-strong) !important;
	color: var(--movex-title) !important;
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover{
	background: rgba(255,255,255,.05) !important;
	border-color: var(--movex-brand) !important;
	color: var(--movex-brand) !important;
}

/* =========================================================
   FORMS
========================================================= */
input,
textarea,
select{
	background: rgba(255,255,255,.04);
	border: 1px solid var(--movex-line);
	color: var(--movex-text);
	border-radius: 14px;
	padding: 12px 14px;
	transition: all .2s ease;
}

input::placeholder,
textarea::placeholder{
	color: #8ea2be;
}

input:focus,
textarea:focus,
select:focus{
	border-color: var(--movex-brand);
	box-shadow: 0 0 0 4px rgba(56,189,248,.12);
	outline: none;
}

label{
	color: var(--movex-title);
	font-weight: 700;
}

/* =========================================================
   IMAGES / MEDIA
========================================================= */
img{
	border-radius: 18px;
	height: auto;
}

figure{
	margin-block: 1.5rem;
}

.wp-block-image img,
.wp-block-post-featured-image img{
	border-radius: 20px;
	box-shadow: var(--movex-shadow-soft);
}

video{
	border-radius: 20px;
	overflow: hidden;
}

/* =========================================================
   POST / PAGE CARDS
========================================================= */
.wp-block-post,
.wp-block-query .wp-block-post,
.wp-block-post-template > li,
.wp-block-latest-posts li{
	background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
	border: 1px solid var(--movex-line);
	border-radius: var(--movex-radius-lg);
	box-shadow: var(--movex-shadow-soft);
	padding: 20px;
}

.wp-block-post-title a{
	color: var(--movex-title);
}

.wp-block-post-title a:hover{
	color: var(--movex-brand);
}

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms,
.wp-block-post-excerpt,
.wp-block-latest-posts__post-date{
	color: var(--movex-text-soft);
	font-size: .95rem;
}

/* =========================================================
   LISTS
========================================================= */
ul, ol{
	color: var(--movex-text-soft);
	padding-left: 1.25rem;
}

li{
	margin-bottom: .45rem;
}

/* =========================================================
   QUOTE / CODE / TABLE
========================================================= */
blockquote{
	background: rgba(255,255,255,.03);
	border-left: 4px solid var(--movex-brand);
	border-radius: 0 18px 18px 0;
	padding: 18px 20px;
	color: var(--movex-text);
}

code, kbd{
	background: rgba(255,255,255,.06);
	padding: .18em .45em;
	border-radius: 8px;
	color: #c4f1ff;
}

pre{
	background: #09111f;
	border: 1px solid var(--movex-line);
	border-radius: 18px;
	padding: 18px;
	overflow-x: auto;
	color: #d9e7ff;
	box-shadow: var(--movex-shadow-soft);
}

:where(pre){
	overflow-x: auto;
}

table{
	width: 100%;
	border-collapse: collapse;
	background: rgba(255,255,255,.02);
	border: 1px solid var(--movex-line);
	border-radius: 18px;
	overflow: hidden;
}

th, td{
	border-bottom: 1px solid var(--movex-line);
	padding: 14px 16px;
	text-align: left;
}

th{
	color: var(--movex-title);
	background: rgba(255,255,255,.04);
}

td{
	color: var(--movex-text-soft);
}

/* =========================================================
   SEARCH / SIDEBAR WIDGETS
========================================================= */
.wp-block-search{
	background: rgba(255,255,255,.03);
	border: 1px solid var(--movex-line);
	padding: 16px;
}

.wp-block-search__inside-wrapper{
	gap: 10px;
}

.wp-block-search__button{
	border-radius: 999px !important;
	background: linear-gradient(135deg, var(--movex-brand), #7dd3fc);
	color: #001018;
	font-weight: 800;
}

/* =========================================================
   COMMENTS
========================================================= */
.wp-block-comments,
.comment-respond,
.comment-list li{
	background: rgba(255,255,255,.02);
	border-radius: 20px;
}

.comment-body{
	padding: 18px;
	border: 1px solid var(--movex-line);
	border-radius: 20px;
	background: rgba(255,255,255,.02);
}

/* =========================================================
   FOOTER
========================================================= */
footer,
.wp-block-template-part footer{
	color: var(--movex-text-soft);
}

footer a{
	color: var(--movex-text);
}

footer a:hover{
	color: var(--movex-brand);
}

/* =========================================================
   GUTENBERG WIDE / COVER / GROUP
========================================================= */
.wp-block-cover{
	overflow: hidden;
	border-radius: 28px;
}

.wp-block-cover__background{
	background: linear-gradient(180deg, rgba(2,6,23,.55), rgba(2,6,23,.72));
}

.wp-block-group.has-background,
.wp-block-columns.has-background{
	box-shadow: var(--movex-shadow-soft);
}

/* =========================================================
   HR / SEPARATOR
========================================================= */
hr,
.wp-block-separator{
	border: 0;
	border-top: 1px solid var(--movex-line);
	opacity: 1;
}

/* =========================================================
   UTILITIES FOR MOVE X FEEL
========================================================= */
.is-style-movex-glow,
.movex-glow{
	box-shadow:
		0 0 0 1px rgba(56,189,248,.12),
		0 20px 50px rgba(56,189,248,.08);
}

.is-style-movex-card,
.movex-card{
	background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
	border: 1px solid var(--movex-line);
	border-radius: var(--movex-radius-lg);
	box-shadow: var(--movex-shadow-soft);
	padding: 22px;
}

.is-style-movex-highlight,
.movex-highlight{
	background: linear-gradient(135deg, rgba(56,189,248,.12), rgba(34,197,94,.08));
	border: 1px solid rgba(56,189,248,.18);
	border-radius: 20px;
	padding: 18px;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1024px){
	h1{
		font-size: clamp(2rem, 7vw, 3.4rem);
	}
}

@media (max-width: 768px){
	.wp-block-post,
	.wp-block-query .wp-block-post,
	.wp-block-post-template > li,
	.wp-block-latest-posts li{
		padding: 16px;
	}

	.wp-block-button__link,
	button,
	input[type="submit"],
	input[type="button"],
	input[type="reset"]{
		width: 100%;
	}

	.wp-block-navigation__responsive-container-content{
		padding: 20px 0;
	}
}