/*
Theme Name: ELAZGRUP
Theme URI: https://elaz.info
Author: ELAZGRUP
Description: Professional news theme for ELAZGRUP.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: elazgrup
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =========================================================
ROOT
========================================================= */

:root {
--elaz-red: #d71920;
--elaz-red-dark: #b51218;
--elaz-navy: #0b1f3a;
--elaz-black: #111111;
--elaz-text: #222222;
--elaz-muted: #777777;
--elaz-border: #e5e5e5;
--elaz-light: #f5f5f5;
--elaz-container: 1280px;
}

/* =========================================================
RESET
========================================================= */

*,
*::before,
*::after {
box-sizing: border-box;
}

html {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}

body {
margin: 0;
padding: 0;
background: #fff;
color: var(--elaz-text);
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.6;
}

img {
display: block;
max-width: 100%;
height: auto;
}

a {
color: inherit;
}

button,
input,
textarea,
select {
font: inherit;
}

button {
cursor: pointer;
}

/* =========================================================
ACCESSIBILITY
========================================================= */

.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

/* =========================================================
CONTAINER
========================================================= */

.elaz-container,
.container {
width: min(var(--elaz-container), calc(100% - 40px));
margin-left: auto;
margin-right: auto;
}

/* =========================================================
HEADER
========================================================= */

.elaz-header {
width: 100%;
background: #fff;
}

/* =========================================================
TOP BAR
========================================================= */

.elaz-topbar {
width: 100%;
background: var(--elaz-navy);
color: #fff;
}

.elaz-topbar-inner {
min-height: 42px;
display: flex;
align-items: center;
gap: 20px;
}

.elaz-top-date {
flex: 0 0 auto;
display: flex;
align-items: center;
white-space: nowrap;
color: #fff;
}

.elaz-top-date strong {
display: block;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}

.elaz-top-menu {
flex: 1;
min-width: 0;
}

.elaz-top-menu ul {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}

.elaz-top-menu li {
margin: 0;
padding: 0;
}

.elaz-top-menu a {
display: flex;
align-items: center;
min-height: 42px;
padding: 0 10px;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
transition: background .2s ease, color .2s ease;
}

.elaz-top-menu a:hover,
.elaz-top-menu .current-menu-item > a,
.elaz-top-menu .current-menu-ancestor > a {
background: var(--elaz-red);
color: #fff;
}

/* =========================================================
SOCIAL ICONS — PREMIUM
========================================================= */

.elaz-social {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 7px;
}

.elaz-social-link {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .20);

	color: #fff;
	text-decoration: none;

	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);

	transition:
		background .25s ease,
		border-color .25s ease,
		box-shadow .25s ease,
		transform .25s ease;
}

.elaz-social-link svg {
	width: 16px;
	height: 16px;
	display: block;

	fill: currentColor;
	stroke: currentColor;
	stroke-width: 0;
}

/* Instagram xəttləri */
.elaz-instagram svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
}

.elaz-instagram svg circle:last-child {
	fill: currentColor;
	stroke: none;
}

/* =========================================================
HOVER
========================================================= */

.elaz-social-link:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 5px 12px rgba(0, 0, 0, .25);
}

/* Facebook */
.elaz-facebook:hover {
	background: #1877f2;
	border-color: #1877f2;
}

/* Instagram */
.elaz-instagram:hover {
	background: linear-gradient(
		135deg,
		#833ab4,
		#fd1d1d,
		#fcb045
	);
	border-color: transparent;
}

/* WhatsApp */
.elaz-whatsapp:hover {
	background: #25d366;
	border-color: #25d366;
}

/* Telegram */
.elaz-telegram:hover {
	background: #229ed9;
	border-color: #229ed9;
}

/* TikTok */
.elaz-tiktok:hover {
	background: #111;
	border-color: #25f4ee;
	box-shadow:
		0 5px 12px rgba(37, 244, 238, .20);
}

/* =========================================================
FOCUS
========================================================= */

.elaz-social-link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 600px) {

	.elaz-social {
		gap: 5px;
	}

	.elaz-social-link {
		width: 29px;
		height: 29px;
	}

	.elaz-social-link svg {
		width: 14px;
		height: 14px;
	}
}

/* =========================================================
   ELAZGRUP BRAND AREA
========================================================= */

.elaz-brand-area {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e8eaed;
}

.elaz-brand-row {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.elaz-brand-link {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: inherit;
    text-decoration: none;
}

.elaz-brand-link .custom-logo {
    display: block;
    width: auto;
    max-width: 250px;
    max-height: 72px;
    height: auto;
}

.elaz-logo-text {
    display: block;
    color: #0b1f3a;
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.8px;
    text-decoration: none;
}

.elaz-brand-description {
    margin: 0;
    color: var(--elaz-muted);
    font-size: 12px;
    font-weight: 400;
}

/* =========================================================
MAIN NAVIGATION
========================================================= */

.elaz-navigation {
position: relative;
width: 100%;
background: var(--elaz-red);
color: #fff;
z-index: 1000;
}

.elaz-navigation-inner {
min-height: 46px;
display: flex;
align-items: stretch;
}

.elaz-menu {
flex: 1;
min-width: 0;
}

.menu-wrapper {
width: 100%;
}

.main-menu {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}

.main-menu > li {
position: relative;
margin: 0;
padding: 0;
}

.main-menu > li > a {
display: flex;
align-items: center;
min-height: 46px;
height: 46px;
padding: 0 14px;
background: transparent;
color: #fff;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
transition: background .2s ease, color .2s ease;
}

.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
background: #111;
color: #fff;
}

/* =========================================================
SUBMENU
========================================================= */

.main-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
min-width: 210px;
margin: 0;
padding: 0;
background: #111;
list-style: none;
box-shadow: 0 8px 20px rgba(0, 0, 0, .20);
z-index: 9999;
}

.main-menu > li:hover > .sub-menu {
display: block;
}

.main-menu .sub-menu li {
position: relative;
margin: 0;
padding: 0;
}

.main-menu .sub-menu a {
display: block;
padding: 12px 15px;
background: #111;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
}

.main-menu .sub-menu a:hover {
background: var(--elaz-red);
color: #fff;
}

/* =========================================================
SEARCH
========================================================= */

.elaz-search {
flex: 0 0 220px;
display: flex;
align-items: center;
padding: 7px;
}

.elaz-search form {
width: 100%;
display: flex;
align-items: center;
}

.elaz-search input[type="search"] {
width: 100%;
height: 40px;
margin: 0;
padding: 0 10px;
border: 0;
border-radius: 0;
outline: none;
background: #fff;
color: #222;
font-size: 14px;
}

.elaz-search input[type="search"]:focus {
box-shadow: inset 0 0 0 2px rgba(215, 25, 32, .25);
}

.elaz-search input[type="submit"],
.elaz-search button[type="submit"] {
flex: 0 0 auto;
height: 40px;
margin: 0;
padding: 0 13px;
border: 0;
border-radius: 0;
background: #111;
color: #fff;
font-size: 12px;
font-weight: 800;
cursor: pointer;
}

.elaz-search input[type="submit"]:hover,
.elaz-search button[type="submit"]:hover {
background: var(--elaz-red-dark);
}

/* =========================================================
MOBILE MENU BUTTON
========================================================= */

.menu-toggle {
display: none;
width: 52px;
height: 52px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: #111;
color: #fff;
font-size: 24px;
line-height: 1;
cursor: pointer;
}

.menu-toggle:hover,
.menu-toggle.active {
background: #111;
color: #fff;
}

/* =================================================
   BREAKING NEWS — TRAIN TICKER
================================================= */

.elaz-breaking {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	background: #fff;
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
	overflow: hidden;
}

.elaz-breaking-inner {
	min-height: 52px;
	display: flex;
	align-items: center;
}

/* LABEL */

.breaking-label {
	height: 52px;

	display: flex;
	align-items: center;
	gap: 9px;

	padding: 0 20px;

	flex-shrink: 0;

	background: #b91c1c;
	color: #fff;

	font-size: 16px;
	font-weight: 800;
	letter-spacing: .2px;

	white-space: nowrap;
	z-index: 5;

	box-shadow: 4px 0 12px rgba(0, 0, 0, .08);
}

/* LIVE DOT */

.breaking-icon {
	width: 8px;
	height: 8px;

	border-radius: 50%;

	background: #fff;

	display: inline-block;
	flex-shrink: 0;

	position: relative;
}

.breaking-icon::after {
	content: "";

	position: absolute;

	left: 50%;
	top: 50%;

	width: 8px;
	height: 8px;

	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 50%;

	transform: translate(-50%, -50%);

	animation: breakingPulse 1.6s infinite;
}

@keyframes breakingPulse {

	0% {
		width: 8px;
		height: 8px;
		opacity: .9;
	}

	70% {
		width: 19px;
		height: 19px;
		opacity: 0;
	}

	100% {
		width: 19px;
		height: 19px;
		opacity: 0;
	}

}

/* TICKER AREA */

.breaking-ticker {
	flex: 1;
	min-width: 0;
	height: 52px;

	display: flex;
	align-items: center;

	overflow: hidden;

	position: relative;
}

/* TRACK */

.breaking-ticker-track {
	display: flex;
	align-items: center;
	width: max-content;

	animation: breakingTrain 45s linear infinite;
}

/* NEWS */

.breaking-item {
	position: relative;

	display: flex;
	align-items: center;

	flex-shrink: 0;

	height: 52px;

	padding: 0 25px;

	color: #b91c1c;

	font-size: 16px;
	font-weight: 600;

	text-decoration: none;
	white-space: nowrap;
}

/* NEWS SEPARATOR */

.breaking-item::after {
	content: none;
}

/* PHP-DƏN GƏLƏN QIRMIZI NÖQTƏ */

.breaking-separator {
	margin-left: 25px;

	color: #b91c1c;

	font-size: 17px;
	font-weight: 900;

	line-height: 1;

	opacity: 1;

	display: inline-block;

	transform: translateY(-1px);
}

/* HOVER */

.breaking-item:hover {
	color:  #b91c1c;
}

/* =================================================
   TRAIN ANIMATION
================================================= */

@keyframes breakingTrain {

	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}

}

/* =================================================
   MOBILE
================================================= */

@media (max-width: 767px) {

	.elaz-breaking {
		margin-top: 6px;
		margin-bottom: 10px;
	}

	.elaz-breaking-inner {
		min-height: 46px;
	}

	.breaking-label {
		height: 46px;
		padding: 0 12px;
		font-size: 15px;
	}

	.breaking-ticker {
		height: 46px;
	}

	.breaking-item {
		height: 46px;
		padding: 0 16px;
		font-size: 13px;
	}

	.breaking-controls {
		display: none;
	}

	.breaking-ticker::before,
	.breaking-ticker::after {
		width: 18px;
	}

}

/* =================================================
   BREAKING NEWS — PREMIUM EFFECTS
================================================= */

/* Lent kənarlarında yumşaq fade effekti */
.breaking-ticker::before,
.breaking-ticker::after {
	content: "";

	position: absolute;
	top: 0;
	bottom: 0;

	width: 35px;

	z-index: 3;
	pointer-events: none;
}

.breaking-ticker::before {
	left: 0;

	background: linear-gradient(
		to right,
		#fff 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.breaking-ticker::after {
	right: 0;

	background: linear-gradient(
		to left,
		#fff 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

/* Daha hamar hərəkət */
.breaking-ticker-track {
	will-change: transform;
	backface-visibility: hidden;
	transform: translateZ(0);
}

/* Xəbər üzərinə gələndə əl işarəsi */
.breaking-item {
	cursor: pointer;
}

/* Hover zamanı bütün lent dayansın */
.elaz-breaking:hover .breaking-ticker-track {
	animation-play-state: paused;
}

/* Mobil fade */
@media (max-width: 767px) {

	.breaking-ticker::before,
	.breaking-ticker::after {
		width: 18px;
	}

}

/* =========================================================
CONTENT
========================================================= */

.site-content {
padding-top: 0;
padding-bottom: 40px;
}

/* ========================================================= FEATURED FOUR ========================================================= */ .elaz-featured-four { margin-bottom: 30px; } .elaz-section-heading { margin: 0 0 20px; border-bottom: 2px solid #0b1f3a; } .elaz-section-heading h2 { position: relative; display: inline-block; margin: 0; padding: 0 0 9px; color: #12345b; font-size: 17px; font-weight: 800; line-height: 1.2; } .elaz-section-heading h2::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background: #c8102e; } .elaz-four-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .elaz-featured-card { overflow: hidden; align-self: start; height: auto; min-height: 0; background: #fff; border: 1px solid #e3e6e9; border-radius: 5px; transition: transform .2s ease, box-shadow .2s ease; } .elaz-featured-card:hover { transform: translateY(-2px); box-shadow: 0 7px 20px rgba(0,0,0,.08); } .elaz-featured-card > a { display: block; height: auto; color: inherit; text-decoration: none; } .elaz-featured-image { width: 100%; height: 210px; overflow: hidden; background: #eceef0; } .elaz-featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; } .elaz-featured-card:hover .elaz-featured-image img { transform: scale(1.035); } .elaz-featured-content { height: auto; min-height: 0; padding: 12px 12px 8px; } .elaz-featured-content .elaz-category { display: inline-block; width: auto; max-width: fit-content; margin: 0 0 4px; padding: 0; color: #dd3333; font-size: 13px; font-weight: 800; line-height: 1.15; text-transform: uppercase; } .elaz-featured-content h3 { margin: 0 0 7px; color: #dd3333; font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-weight: 700; line-height: 1.25; } .elaz-featured-content .elaz-date { margin-bottom: 0; color: #777d84; font-size: 14px; line-height: 1.2; }

/* =========================================================
   HERO
========================================================= */

.elaz-hero {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 20px;
    margin: 0 0 38px;
}

/* =========================================================
   HERO SLIDER
========================================================= */

.elaz-hero-slider {
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
    background: #111;
    border-radius: 3px;
    box-shadow: 0 4px 18px rgba(11,31,58,.08);
}

.elaz-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    z-index: 1;
}

.elaz-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.elaz-hero-slide > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.elaz-hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elaz-no-image {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a1a1a, #343434);
}

/* =========================================================
   HERO OVERLAY
========================================================= */

.elaz-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.45) 42%,
        rgba(0,0,0,0) 75%
    );
    pointer-events: none;
}

/* =========================================================
   HERO CAPTION
========================================================= */

.elaz-hero-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 32px;
    z-index: 3;
}

.elaz-category {
    display: inline-block;
    margin-bottom: 8px;
    color: #c8102e;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.elaz-hero-caption h1 {
    max-width: 850px;
    margin: 0 0 10px;
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -.5px;
}

.elaz-date {
    display: block;
    color: #777;
    font-size: 12px;
    line-height: 1.3;
}

.elaz-hero-caption .elaz-date {
    color: rgba(255,255,255,.8);
}

/* =========================================================
   HERO DOTS
========================================================= */

.elaz-slider-dots {
    position: absolute;
    left: 30px;
    bottom: 18px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
}

.elaz-slider-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}

.elaz-slider-dots button.is-active {
    width: 22px;
    border-radius: 5px;
    background: #fff;
}
/* =========================================================
   HERO SIDE STORIES — RƏSMİ XRONİKA
========================================================= */

.elaz-hero-side {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 20px;
    height: 510px;
    min-width: 0;
}

.elaz-side-card {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(11,31,58,.05);
}

.elaz-side-card > a {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    color: inherit;
    text-decoration: none;
}

.elaz-side-card img {
    display: block;
    width: 100%;
    height: 145px;
    object-fit: cover;
    transition: transform .3s ease;
}

.elaz-side-card:hover img {
    transform: scale(1.03);
}

.elaz-side-card-content {
    position: static;
    padding: 12px 13px 13px;
    background: #fff;
}

.elaz-side-card-content .elaz-category {
    display: block;
    margin: 0 0 5px;
    color: #c8102e;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.elaz-side-card-content h2 {
    margin: 0 0 7px;
    color: #17191c;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.elaz-side-card-content .elaz-date {
    display: block;
    margin: 0;
    color: #777d84;
    font-size: 13px;
    line-height: 1.2;
}

/* =========================================================
   LOWER CONTENT — 3 FEATURED + RIGHT SIDEBAR
========================================================= */

.elaz-bottom-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
    margin-bottom: 45px;
}

.elaz-bottom-main {
    min-width: 0;
}

/* =========================================================
   THREE FEATURED NEWS
========================================================= */

.elaz-three-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.elaz-news-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e6e9;
    border-radius: 5px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.elaz-news-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(0,0,0,.07);
}

.elaz-news-card > a {
    display: block;
    color: inherit;
    text-decoration: none !important;
}

/* Şəkil — 3 kartda hamısı eyni ölçüdə */
.elaz-news-image {
    width: 100%;
    height: 210px;
    overflow: hidden;
    background: #eceef0;
}

.elaz-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.elaz-news-card:hover .elaz-news-image img {
    transform: scale(1.035);
}

/* Mətn */
.elaz-news-content {
    padding: 12px 14px 14px;
}

/* Kateqoriya */
.elaz-news-content .elaz-category {
    display: inline-block;
    margin: 0 0 5px;
    padding: 0;
    color: #c8102e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Bütün 3 başlıq eyni şrift və ölçü */
.elaz-news-content h3,
.elaz-news-content h3 a {
    margin: 0 0 7px;
    padding: 0;
    color: #17191c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    border: 0 !important;
}

.elaz-news-content h3:hover,
.elaz-news-content h3 a:hover {
    color: #c8102e;
}

/* Tarix */
.elaz-news-content .elaz-date,
.elaz-news-content .elaz-date a {
    margin: 0;
    padding: 0;
    color: #777d84;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    border: 0 !important;
}


/* =========================================================
   RIGHT SIDEBAR
========================================================= */

.sidebar {
    min-width: 0;
}

.sidebar-box {
    margin-bottom: 25px;
    padding: 18px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
}

.sidebar-title {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 3px solid #0b1f3a;
    color: #12345b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
}

.sidebar-box > ul,
.sidebar-box > div {
    margin: 0;
    padding: 0;
}

.sidebar-box ul {
    list-style: none;
}

.sidebar-box li {
    margin: 0;
    padding: 16px 0;
    border-bottom: 0;
    font-size: 14px;
}

.sidebar-box li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sidebar-box li a {
    display: block;
    color: #17191c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.sidebar-box li a:hover {
    color: #c8102e;
}


/* =========================================================
   FEED SEARCH
========================================================= */

.elaz-feed-search {
    margin-bottom: 12px;
}

.elaz-feed-search form {
    display: flex;
    width: 100%;
}

.elaz-feed-search input[type="search"] {
    flex: 1;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.elaz-feed-search button[type="submit"] {
    height: 40px;
    padding: 0 14px;
    border: 0;
    background: var(--elaz-red);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

/* =========================================================
PAGE LINKS
========================================================= */

body.single .page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 25px;
}

body.single .page-links a,
body.single .page-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--elaz-border);
    background: #fff;
    font-size: 12px;
    text-decoration: none;
}

/* =========================================================
   CATEGORY + SINGLE
   ELAZGRUP NEWS STYLE LAYOUT
========================================================= */

.category-layout,
body.single .single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 30px;
    align-items: start;
}

.category-main,
body.single .single-main {
    min-width: 0;
}

/* =========================================================
   CATEGORY
========================================================= */

.category-four-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.category-featured-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 3px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.category-featured-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(11,31,58,.09);
}

.category-featured-card > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.category-featured-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #eceef0;
}

.category-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.category-featured-card:hover .category-featured-image img {
    transform: scale(1.035);
}

.category-featured-content {
    padding: 13px 14px 15px;
}

.category-featured-content .elaz-category {
    display: block;
    margin: 0 0 6px;
    color: #c8102e;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.category-featured-content h3 {
    margin: 0 0 8px;
    color: #17191c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.category-featured-card:hover h3 {
    color: var(--elaz-red);
}

.category-featured-content .elaz-date {
    display: block;
    color: #777d84;
    font-size: 12px;
    line-height: 1.2;
}

/* =========================================================
   SINGLE POST
========================================================= */

body.single .single-post {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
}

body.single .single-category {
    margin: 0 0 10px;
}

body.single .single-category a {
    color: #c8102e;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

body.single .single-title {
    margin: 0 0 13px;
    color: #0b1f3a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.17;
}

body.single .single-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 22px;
    color: #777;
    font-size: 12px;
    line-height: 1.4;
}

body.single .single-featured-image {
    width: 100%;
    margin: 0 0 25px;
    overflow: hidden;
}

body.single .single-featured-image img {
    display: block;
    width: 100%;
    height: auto;
}

body.single .single-content {
    color: #222;
    font-size: 18px;
    line-height: 1.75;
}

body.single .single-content p {
    margin: 0 0 20px;
}

body.single .single-content h2 {
    margin: 30px 0 14px;
    color: #0b1f3a;
    font-size: 28px;
    line-height: 1.3;
}

body.single .single-content h3 {
    margin: 26px 0 12px;
    color: #0b1f3a;
    font-size: 23px;
    line-height: 1.35;
}

body.single .single-content h4 {
    margin: 24px 0 10px;
    color: #0b1f3a;
    font-size: 20px;
}

body.single .single-content a {
    color: #c8102e;
}

body.single .single-content img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   VIEWS + LIKE
========================================================= */

body.single .single-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin: 25px 0;
    padding: 14px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

body.single .post-views,
body.single .post-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #555;
    font-size: 14px;
}

body.single .post-like-btn {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

body.single .post-like-btn:hover,
body.single .post-like-btn.liked {
    color: #c8102e;
}

body.single .post-like-btn.loading {
    opacity: .6;
    pointer-events: none;
}


/* =========================================================
   TAGS
========================================================= */

body.single .single-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 25px 0;
}

body.single .tags-title {
    color: #555;
    font-size: 13px;
    font-weight: 700;
}

body.single .single-tags a {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    text-decoration: none;
}

body.single .single-tags a:hover {
    border-color: #c8102e;
    color: #c8102e;
}


/* =========================================================
   AUTHOR
========================================================= */

body.single .single-author-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 30px 0;
    padding: 18px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fafafa;
}

body.single .author-avatar img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

body.single .author-name {
    margin-bottom: 5px;
    color: #0b1f3a;
    font-size: 16px;
    font-weight: 800;
}

body.single .author-description {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   PREV / NEXT
========================================================= */

body.single .single-navigation {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 30px 0;
    padding: 18px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

body.single .single-navigation a {
    color: #0b1f3a;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

body.single .single-navigation a:hover {
    color: #c8102e;
}

/* =========================================================
   CATEGORY PAGINATION
========================================================= */

.category-main .navigation {
    margin-top: 25px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

    .category-layout,
    body.single .single-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .elaz-news-feed {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .category-four-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.single .single-title {
        font-size: 32px;
    }

}


@media (max-width: 600px) {

    .category-four-grid {
        grid-template-columns: 1fr;
    }

    .category-featured-image {
        height: 210px;
    }

    .category-featured-content h3 {
        font-size: 17px;
    }

    body.single .single-title {
        font-size: 27px;
    }

    body.single .single-content {
        font-size: 17px;
        line-height: 1.7;
    }

    body.single .single-meta {
        font-size: 12px;
    }

    body.single .single-navigation {
        flex-direction: column;
        gap: 12px;
    }

    body.single .single-author-box {
        align-items: flex-start;
    }

}

/* =========================================================
   FOOTER — ELAZGRUP NEWS STYLE
========================================================= */

.site-footer {
    margin-top: 50px;
    background: #0b1f3a;
    color: #ffffff;
    border-top: 4px solid #c8102e;
}

.site-footer .container {
    width: min(1280px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   FOOTER INNER
========================================================= */

.footer-inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.5fr;
    gap: 35px;
    padding: 45px 0 40px;
}

.footer-column {
    min-width: 0;
}


/* =========================================================
   FOOTER HEADINGS
========================================================= */

.footer-column h3 {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.footer-column h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 3px;
    background: #c8102e;
}


/* =========================================================
   ABOUT
========================================================= */

.footer-about p {
    max-width: 360px;
    margin: 0;
    color: #bfc9d5;
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================================
   FOOTER LISTS
========================================================= */

.footer-column ul,
.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-column li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.footer-column li:last-child {
    border-bottom: 0;
}

/* =========================================================
   FOOTER LINKS
========================================================= */

.footer-column li a,
.footer-menu a {
    display: block;
    padding: 9px 0;
    color: #cbd4de;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition:
        color .2s ease,
        padding-left .2s ease;
}

.footer-column li a:hover,
.footer-menu a:hover {
    padding-left: 5px;
    color: #ffffff;
}


/* =========================================================
   CONTACT
========================================================= */

.footer-contact li {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #cbd4de;
    font-size: 15px;
    line-height: 1.5;
}

.footer-contact li:last-child {
    border-bottom: 0;
}

.footer-contact-label {
    display: block;
    margin-bottom: 9px;
    color: #ffffff;
    font-weight: 700;
}

.footer-contact li a {
    display: inline;
    padding: 0;
    color: #cbd4de;
}

.footer-contact li a:hover {
    padding-left: 0;
    color: #ffffff;
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: #9eabb9;
    font-size: 15px;
}

.footer-credit {
    text-align: right;
    font-size: 15px;
}


/* =========================================================
   FOOTER — TABLET
========================================================= */

@media (max-width: 900px) {
    .footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .footer-about {
        grid-column: 1 / -1;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer-credit {
        text-align: left;
    }

}


/* =========================================================
   FOOTER — MOBILE
========================================================= */

@media (max-width: 600px) {

    .site-footer {
        margin-top: 35px;
    }

    .site-footer .container {
        width: calc(100% - 30px);
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 35px 0 30px;
    }

    .footer-about {
        grid-column: auto;
    }

    .footer-column h3 {
        margin-bottom: 17px;
        font-size: 16px;
    }

    .footer-about p {
        font-size: 14px;
    }

    .footer-contact li {
        font-size: 14px;
    }

    .footer-bottom {
        padding: 16px 0;
        font-size: 14px;
    }

    .footer-credit {
        font-size: 14px;
    }

}

/* =========================================================
WORDPRESS
========================================================= */

.alignleft {
float: left;
margin: 0 20px 15px 0;
}

.alignright {
float: right;
margin: 0 0 15px 20px;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
max-width: 100%;
}

.wp-caption-text {
font-size: 12px;
color: var(--elaz-muted);
}

/* =========================================================
DESKTOP
========================================================= */

@media (min-width: 901px) {

.menu-toggle {
	display: none;
}

.menu-wrapper {
	display: block;
	width: 100%;
}

.elaz-navigation-inner {
	display: block;
	min-height: 46px;
}

.elaz-menu {
	width: 100%;
}

.main-menu {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	width: 100%;
}

}

/* =========================================================
LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

.elaz-top-menu a {
	padding-left: 7px;
	padding-right: 7px;
	font-size: 9px;
}

.main-menu > li > a {
	padding-left: 11px;
	padding-right: 11px;
	font-size: 12px;
}

.elaz-search {
	flex-basis: 220px;
}

.elaz-hero {
	grid-template-columns: minmax(0, 1.7fr) minmax(250px, 1fr);
}

.elaz-hero-slider,
.elaz-hero-side {
	height: 460px;
}

.elaz-hero-caption h1 {
	font-size: 27px;
}

.elaz-bottom-layout {
	grid-template-columns: minmax(0, 1fr) 280px;
}

.news-grid {
	grid-template-columns: 1.5fr 1fr 1fr;
}

}

/* =========================================================
TABLET / MOBILE NAV
========================================================= */

@media (max-width: 900px) {

.elaz-container,
.container {
	width: calc(100% - 30px);
}

/* TOP BAR */

.elaz-topbar-inner {
	min-height: 42px;
	gap: 8px;
}

.elaz-top-menu {
	overflow: hidden;
}

.elaz-top-menu ul {
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
}

.elaz-top-menu ul::-webkit-scrollbar {
	display: none;
}

.elaz-top-menu li {
	flex: 0 0 auto;
}

.elaz-top-menu a {
	min-height: 42px;
	padding: 0 8px;
	font-size: 9px;
	white-space: nowrap;
}

.elaz-social {
	display: none;
}

/* BRAND */

.elaz-brand-row {
	min-height: 75px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.elaz-brand-link .custom-logo {
	max-width: 190px;
	max-height: 58px;
}

.elaz-logo-text {
	font-size: 27px;
}

/* NAVIGATION */

.elaz-navigation-inner {
	position: relative;
	min-height: 52px;
	display: flex;
}

.elaz-menu {
	flex: 0 0 52px;
	width: 52px;
}

.menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-wrapper {
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	right: 0;
	width: 100%;
	background: #111;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .20);
	z-index: 9999;
}

.menu-wrapper.is-open {
	display: block;
}

.main-menu {
	display: block;
	width: 100%;
}

.main-menu > li {
	width: 100%;
}

.main-menu > li > a {
	width: 100%;
	min-height: 48px;
	height: 48px;
	padding: 0 16px;
	background: #111;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
	background: var(--elaz-red);
	color: #fff;
}

.main-menu .sub-menu {
	position: static;
	display: block;
	width: 100%;
	min-width: 0;
	background: #0b0b0b;
	box-shadow: none;
}

.main-menu .sub-menu a {
	padding: 11px 30px;
	background: #0b0b0b;
	border-top: 1px solid rgba(255,255,255,.07);
}

.elaz-search {
	flex: 1;
	padding: 6px;
}

.elaz-search input[type="search"] {
	height: 40px;
}

.elaz-search input[type="submit"],
.elaz-search button[type="submit"] {
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
/* =========================================================
   MAIN MENU — BLACK + RED
========================================================= */

/* Menyu fonu */
.main-navigation {
    background: #111111;
}

/* Normal menyu linkləri */
.main-navigation a {
    color: #ffffff;
}

/* Maus üzərinə gələndə */
.main-navigation a:hover,
.main-navigation a:focus {
    color: #ffffff;
    background: #c8102e;
}

/* Aktiv menyu */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a {
    color: #ffffff;
    background: #c8102e;
}
/* =========================================================
   ELAZGRUP — PREMIUM NEWS VISUAL OVERRIDES
   ========================================================= */

/* ---------------------------------------------------------
   GENERAL
--------------------------------------------------------- */

body {
    background: #f7f8fa;
    color: var(--elaz-text);
}

.site-content {
    padding-top: 18px;
}

.elaz-container,
.container {
    max-width: var(--elaz-container);
}


/* ---------------------------------------------------------
   HEADER — TOP BAR
--------------------------------------------------------- */

.elaz-topbar {
    background: #0b1f3a;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.elaz-topbar-inner {
    min-height: 40px;
}

.elaz-top-date strong {
    font-size: 12px;
    letter-spacing: .15px;
}

.elaz-top-menu a {
    min-height: 40px;
    font-size: 10px;
    letter-spacing: .15px;
}

.elaz-top-menu a:hover,
.elaz-top-menu .current-menu-item > a,
.elaz-top-menu .current-menu-ancestor > a {
    background: rgba(200,16,46,.95);
}

/* ---------------------------------------------------------
   SECTION HEADINGS
--------------------------------------------------------- */

.elaz-section-heading {
    margin-bottom: 22px;
    border-bottom: 1px solid #d9dde2;
}

.elaz-section-heading h2 {
    padding-bottom: 10px;
    color: #0b1f3a;
    font-size: 18px;
    letter-spacing: -.2px;
}

.elaz-section-heading h2::after {
    height: 3px;
    background: var(--elaz-red);
}

/* ---------------------------------------------------------
   FEATURED FOUR
--------------------------------------------------------- */

.elaz-featured-four {
    margin-bottom: 38px;
}

.elaz-four-grid {
    gap: 18px;
}

.elaz-featured-card {
    border: 1px solid #e1e5e9;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(11,31,58,.035);
}

.elaz-featured-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(11,31,58,.10);
}

.elaz-featured-image {
    height: 215px;
}

.elaz-featured-content {
    padding: 14px 14px 13px;
}

.elaz-featured-content .elaz-category {
    color: var(--elaz-red);
    font-size: 11px;
    letter-spacing: .05em;
}

.elaz-featured-content h3 {
    color: #17191c;
    font-size: 17px;
    line-height: 1.3;
}

.elaz-featured-card:hover .elaz-featured-content h3 {
    color: var(--elaz-red);
}


/* ---------------------------------------------------------
   THREE COLUMN NEWS
--------------------------------------------------------- */

.elaz-three-grid {
    gap: 20px;
}

.elaz-news-card {
    border: 1px solid #e1e5e9;
    border-radius: 3px;
}

.elaz-news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(11,31,58,.09);
}

.elaz-news-content h3 {
    color: #17191c;
    font-size: 17px;
}

.elaz-news-content h3:hover {
    color: var(--elaz-red);
}

/* ---------------------------------------------------------
   SINGLE POST
--------------------------------------------------------- */

body.single .single-title {
    color: #0b1f3a;
    font-size: 38px;
    letter-spacing: -.5px;
}

body.single .single-category a {
    color: var(--elaz-red);
}

body.single .single-content {
    color: #25282c;
}

body.single .single-content h2,
body.single .single-content h3,
body.single .single-content h4 {
    color: #0b1f3a;
}


/* ---------------------------------------------------------
   FOOTER — ELAZGRUP
--------------------------------------------------------- */

.site-footer {
    margin-top: 60px;
    background: #0b1f3a;
    border-top: 4px solid var(--elaz-red);
}

.footer-column h3::after {
    background: var(--elaz-red);
}

.footer-column li a:hover,
.footer-menu a:hover {
    color: #fff;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1100px) {

    .elaz-hero-slider,
    .elaz-hero-side {
        height: 470px;
    }

    .elaz-hero-caption h1 {
        font-size: 29px;
    }

}


@media (max-width: 900px) {

    .site-content {
        padding-top: 12px;
    }

    .elaz-brand-row {
        min-height: 82px;
    }

    .elaz-brand-link .custom-logo {
        max-width: 210px;
        max-height: 62px;
    }

    .elaz-hero {
        grid-template-columns: 1fr;
    }

    .elaz-hero-slider {
        height: 440px;
    }

    .elaz-hero-side {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 260px;
    }

}


@media (max-width: 600px) {

    .site-content {
        padding-top: 8px;
    }

    .elaz-container,
    .container {
        width: calc(100% - 24px);
    }

    .elaz-brand-row {
        min-height: 72px;
    }

    .elaz-brand-link .custom-logo {
        max-width: 175px;
        max-height: 52px;
    }

    .elaz-logo-text {
        font-size: 25px;
    }

    .elaz-breaking {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .elaz-hero {
        gap: 12px;
        margin-bottom: 28px;
    }

    .elaz-hero-slider {
        height: 380px;
    }

    .elaz-hero-caption {
        padding: 20px;
    }

    .elaz-hero-caption h1 {
        font-size: 24px;
    }

    .elaz-hero-side {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 220px);
        gap: 12px;
    }

    .elaz-section-heading {
        margin-bottom: 16px;
    }

    .elaz-section-heading h2 {
        font-size: 16px;
    }

    .elaz-four-grid {
        grid-template-columns: 1fr;
    }

    .elaz-featured-image {
        height: 220px;
    }

    body.single .single-title {
        font-size: 28px;
    }

}