/*
Theme Name: DEBK Editorial
Description: Dünya E-Basın Konseyi Birliği için Maxbizz alt teması.
Template: maxbizz
Version: 1.7.0
Text Domain: debk-editorial
*/

.debk-editorial {
	--debk-navy: #10233b;
	--debk-deep: #0d1e30;
	--debk-ivory: #f6f4ef;
	--debk-gold: #c2a366;
	--debk-accent: #805c1c;
	--debk-line: #e4e0d7;
	--debk-serif: Georgia, "Times New Roman", "Noto Serif Arabic", "Noto Serif SC", serif;
}

.debk-editorial:lang(ar) { --debk-serif: "Noto Naskh Arabic", Tahoma, serif; }
.debk-editorial:lang(zh) { --debk-serif: "Noto Serif SC", "Songti SC", SimSun, serif; }
.debk-native-home { margin: 0; background: #fff; font: 14px/1.4286 Arial, sans-serif; }
.debk-native-home #page, .debk-native-home #page *, .debk-native-home #page *::before, .debk-native-home #page *::after { box-sizing: border-box; }
.debk-native-home .debk-search :is(input, button) { font: inherit; }
.debk-native-home .debk-home img { max-width: 100%; vertical-align: middle; }
.debk-wrap { width: min(100% - 2 * clamp(16px, 4.2vw, 45px), 1440px); margin-inline: auto; }
.debk-header .screen-reader-text, .debk-skip-link:not(:focus) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.debk-skip-link:focus {
	position: absolute;
	inset-block-start: 6px;
	inset-inline-start: 12px;
	z-index: 100000;
	padding: 10px 14px;
	background: var(--debk-navy);
	color: #fff;
	outline: 2px solid var(--debk-gold);
	outline-offset: 2px;
}
#debk-main-start:focus { outline: none; }
.debk-header, .debk-footer, .debk-home, .debk-membership { font-family: var(--debk-serif); color: var(--debk-deep); }
.debk-header { position: relative; z-index: 20; background: #fff; }
.debk-header a, .debk-footer a, .debk-home a { text-decoration: none; }
.debk-header a, .debk-home a { color: inherit; }
.debk-header :focus-visible, .debk-home :focus-visible, .debk-footer :focus-visible {
	outline: 2px solid #ad7924; outline-offset: 3px;
}
.debk-masthead, .debk-brand, .debk-utilities, .debk-nav, .debk-footer-inner, .debk-footer nav {
	display: flex; align-items: center;
}
.debk-masthead { min-height: 76px; justify-content: space-between; gap: 20px; padding-block: 9px; }
.debk-brand { flex: none; color: inherit; }
.debk-brand img { display: block; width: 100%; height: auto; }
.debk-brand { width: clamp(142px, 21vw, 226px); }
.debk-utilities { gap: 16px; font-size: clamp(15px, 1.45vw, 19px); white-space: nowrap; }
.debk-donate, .debk-membership-link { border: 1px solid var(--debk-accent); padding: 7px 14px; color: var(--debk-accent) !important; }
.debk-header a:hover, .debk-dropdown summary:hover { color: var(--debk-accent); }
.debk-nav-border { border-block-start: 1px solid var(--debk-line); }
.debk-nav-shell > summary { display: none; }
.debk-nav { min-height: 57px; justify-content: space-between; gap: 12px; font-size: clamp(15px, 1.45vw, 19px); }
.debk-nav > a, .debk-nav > details > summary { min-height: 44px; display: flex; align-items: center; }
.debk-nav > a[aria-current="page"] { border-block-end: 2px solid var(--debk-gold); }
.debk-dropdown { position: relative; }
.debk-dropdown summary, .debk-nav-shell summary { cursor: pointer; list-style: none; }
.debk-dropdown summary::-webkit-details-marker, .debk-nav-shell summary::-webkit-details-marker { display: none; }
.debk-dropdown summary { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.debk-dropdown:not(.debk-search) summary::after { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-2px) rotate(45deg); }
.debk-dropdown-panel, .debk-wp-menu .sub-menu {
	position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: 2;
	background: #fff; border: 1px solid var(--debk-line); box-shadow: 0 8px 24px #10233b16;
	padding: 6px 0; min-width: max-content;
}
.debk-dropdown-panel > a, .debk-dropdown-panel > span, .debk-wp-menu .sub-menu a { display: block; padding: 9px 16px; }
.debk-dropdown-panel > a:hover, .debk-wp-menu .sub-menu a:hover { background: var(--debk-ivory); }
.debk-dropdown-panel [aria-disabled="true"] { color: #655f54; }
.debk-language .debk-dropdown-panel, .debk-search .debk-dropdown-panel { inset-inline: auto 0; }
.debk-search form { display: flex; padding: 6px; gap: 4px; }
.debk-search input { min-width: 0; max-width: 50vw; padding: 9px; border: 1px solid var(--debk-line); }
.debk-search button { padding: 8px 12px; color: #fff; background: var(--debk-navy); border: 0; }
.debk-wp-menu, .debk-wp-menu .sub-menu { list-style: none; margin: 0; }
.debk-wp-menu { display: flex; flex: 1; justify-content: space-between; gap: 12px; padding: 0; }
.debk-wp-menu li { position: relative; }
.debk-wp-menu .sub-menu { display: none; }
.debk-wp-menu li:hover > .sub-menu, .debk-wp-menu li:focus-within > .sub-menu { display: block; }

.debk-home h1, .debk-home h2, .debk-home h3, .debk-membership h1 {
	font-family: inherit; color: inherit; font-weight: 700; letter-spacing: -.035em; margin: 0;
}
.debk-hero { display: grid; grid-template-columns: 49.3% minmax(0, 1fr); background: var(--debk-navy); color: var(--debk-ivory); }
.debk-hero-copy { padding: clamp(32px, 4vw, 65px) clamp(24px, 5.9vw, 95px); align-self: center; }
.debk-hero h1 { font-size: clamp(42px, 5.4vw, 80px); line-height: 1.03; max-width: 12ch; }
.debk-hero h1::after, .debk-home h2::after, .debk-membership h1::after {
	content: ''; display: block; background: var(--debk-gold); width: 58px; height: 3px; margin-block-start: 18px;
}
.debk-hero p { font-size: clamp(19px, 2.05vw, 27px); line-height: 1.29; margin-block: 15px 23px; max-width: 36ch; }
.debk-home .debk-hero-button { display: inline-flex; background: var(--debk-ivory); color: var(--debk-deep); padding: 11px 26px; font-weight: 700; font-size: clamp(16px, 1.6vw, 20px); border-radius: 2px; }
.debk-home .debk-hero-button:hover { background: #e9dcc3; }
.debk-hero-image { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 55% center; }
.debk-principles, .debk-representatives { background: var(--debk-ivory); }
.debk-principles-inner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 19px; }
.debk-principles a { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 2vw, 24px); padding: 8px 12px; font-size: clamp(17px, 2vw, 24px); font-weight: 700; line-height: 1.2; }
.debk-principles a + a { border-inline-start: 1px solid var(--debk-gold); }
.debk-principles svg { color: var(--debk-accent); flex: none; }
.debk-principles a:hover, .debk-story a:hover h3 { color: var(--debk-accent); }
.debk-news { padding-block: clamp(28px, 3vw, 50px); }
.debk-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-block-end: 20px; }
.debk-home h2 { font-size: clamp(30px, 3.65vw, 54px); line-height: 1.12; }
.debk-home h2::after { margin-block-start: 10px; }
.debk-home .debk-text-link { color: var(--debk-accent); font-size: clamp(16px, 1.55vw, 20px); font-weight: 700; }
.debk-home .debk-text-link:hover { text-decoration: underline; }
.debk-news-grid { display: grid; grid-template-columns: 1.07fr 1fr; grid-template-rows: auto 1fr; gap: 15px 22px; }
.debk-story { min-width: 0; margin: 0; }
.debk-featured { grid-row: span 2; border-inline-end: 1px solid var(--debk-line); padding-inline-end: 22px; }
.debk-story-link { display: flex; gap: 18px; }
.debk-featured .debk-story-link { display: block; }
.debk-home .debk-story img { display: block; width: 32%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; align-self: start; }
.debk-home .debk-featured img { width: 100%; height: clamp(190px, 20vw, 320px); aspect-ratio: auto; margin-block-end: 9px; }
.debk-story + .debk-story + .debk-story { padding-block-start: 15px; border-block-start: 1px solid var(--debk-line); }
.debk-story h3 { font-size: clamp(18px, 1.8vw, 26px); line-height: 1.17; }
.debk-featured h3 { font-size: clamp(22px, 2.35vw, 34px); }
.debk-category, .debk-story time { font-size: 14px; line-height: 1.4; margin: 0 0 5px; }
.debk-category { color: var(--debk-accent); }
.debk-story time { display: block; margin-block-start: 5px; color: #615d56; }
.debk-representatives-inner { display: grid; grid-template-columns: .65fr 1fr; align-items: center; gap: clamp(16px, 5vw, 70px); padding-block: 24px; }
.debk-representatives p { font-size: clamp(17px, 1.7vw, 22px); line-height: 1.27; max-width: 32ch; margin-block: 14px; }
.debk-representatives img { width: 100%; max-height: 255px; object-fit: contain; }
.debk-footer { color: var(--debk-ivory); background: var(--debk-navy); padding-block: 18px 12px; }
.debk-footer-inner { flex-wrap: wrap; justify-content: space-between; gap: 12px 22px; }
.debk-footer .debk-brand { width: 172px; padding: 5px 7px; border-radius: 2px; background: #fff; }
.debk-footer-contact { font-size: 14px; }
.debk-footer nav, .debk-footer-languages, .debk-footer-contact { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; }
.debk-footer nav { font-size: 16px; }
.debk-footer a { color: inherit; }
.debk-footer a:hover { color: #efd9ab; text-decoration: underline; }
.debk-footer-languages { font-size: 14px; }
.debk-footer-languages span[aria-disabled="true"] { color: #c8cdd4; }
.debk-footer-contact { margin-block-start: 14px; padding-block-start: 10px; border-block-start: 1px solid #ffffff26; }
.debk-membership { min-height: 53vh; padding-block: clamp(40px, 7vw, 90px); }
.debk-membership h1 { font-size: clamp(40px, 5vw, 77px); line-height: 1.12; }
.debk-membership-content { max-width: 66ch; margin-block-start: 24px; font-size: 19px; }
.debk-english-home .debk-hero h1 { max-width: 17ch; font-size: clamp(36px, 4.3vw, 68px); }
.debk-english-home .debk-section-heading { flex-wrap: wrap; }
.debk-english-home .debk-story-copy { min-width: 0; }
.debk-news-summary { margin: 7px 0; font-size: 16px; line-height: 1.4; }
.debk-language-note { color: var(--debk-accent); font-size: 13px; }
.debk-english-overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(24px, 5vw, 70px);
	padding-block: clamp(28px, 4.2vw, 55px);
	border-block-start: 1px solid var(--debk-line);
}
.debk-english-overview h2 { font-size: clamp(28px, 3.15vw, 44px); }
.debk-english-overview :is(p, address, ul) { margin-block: 14px; font-size: 17px; line-height: 1.55; }
.debk-english-overview address { font-style: normal; }
.debk-english-overview .debk-document-links { padding-inline-start: 1.1em; }
.debk-document-links a, .debk-english-overview address a { color: var(--debk-accent); text-decoration: underline; text-underline-offset: 3px; }
body.debk-editorial .gtranslate_wrapper { display: none !important; }
.debk-editorial #back-to-top { display: none; }

@media (min-width: 621px) {
	.debk-hero-copy { padding-inline-end: clamp(20px, 3.6vw, 58px); }
	.debk-hero h1 { font-size: clamp(42px, 4.75vw, 76px); max-width: 14ch; }
}
@media (min-width: 901px) {
	.debk-nav-shell:not([open]) > .debk-nav { display: flex; }
}
@media (max-width: 900px) {
	.debk-nav-shell > summary { display: flex; align-items: center; min-height: 44px; font-weight: 700; }
	.debk-nav-shell > summary::before { content: ''; width: 16px; height: 12px; border-block: 2px solid; margin-inline-end: 10px; background: linear-gradient(currentColor,currentColor) center / 100% 2px no-repeat; }
	.debk-nav, .debk-wp-menu { flex-wrap: wrap; justify-content: flex-start; gap: 2px 16px; padding-block-end: 8px; }
	.debk-nav > .debk-search .debk-dropdown-panel { inset-inline: 0 auto; }
}
@media (max-width: 620px) {
	.debk-masthead { flex-wrap: wrap; gap: 3px 12px; }
	.debk-utilities { gap: 12px; font-size: 15px; }
	.debk-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.debk-wp-menu { grid-column: 1 / -1; }
	.debk-hero { grid-template-columns: 1fr; }
	.debk-hero-copy { padding-inline: 24px; }
	.debk-hero h1 { max-width: 14ch; }
	.debk-hero-image { height: auto; max-height: 270px; aspect-ratio: 16 / 9; }
	.debk-principles-inner { grid-template-columns: 1fr; padding-block: 7px; }
	.debk-principles a { justify-content: flex-start; min-height: 53px; }
	.debk-principles a + a { border-inline-start: 0; border-block-start: 1px solid var(--debk-line); }
	.debk-principles svg { width: 26px; height: 26px; }
	.debk-news-grid, .debk-representatives-inner { grid-template-columns: 1fr; }
	.debk-featured { grid-row: auto; padding-inline-end: 0; border-inline-end: 0; }
	.debk-home .debk-featured img { height: auto; aspect-ratio: 16 / 9; }
	.debk-story + .debk-story { padding-block-start: 15px; border-block-start: 1px solid var(--debk-line); }
	.debk-section-heading .debk-text-link { min-width: 85px; text-align: end; }
	.debk-english-overview { grid-template-columns: minmax(0, 1fr); }
	.debk-english-home .debk-section-heading .debk-text-link { text-align: start; }
}

.debk-editorial:lang(ar) {
	--debk-serif: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
	text-align: start;
}
.debk-brand-ar { width: clamp(155px, 22vw, 249px); gap: clamp(8px, 1vw, 12px); }
.debk-brand-ar img { width: 25%; flex: none; }
.debk-brand.debk-brand-ar span {
	border: 0;
	padding: 0;
	color: var(--debk-deep);
	font-size: clamp(13px, 1.4vw, 17px);
	font-weight: 700;
	line-height: 1.4;
	text-wrap: balance;
}
.debk-footer .debk-brand-ar { width: 197px; }
.debk-footer .debk-brand.debk-brand-ar span { font-size: 14px; }
html[dir="rtl"] .debk-editorial :is(.debk-home h1, .debk-home h2, .debk-home h3, .debk-layout-heading h1) {
	letter-spacing: normal;
	line-height: 1.35;
}
html[dir="rtl"] .debk-home :is(.debk-hero p, .debk-representatives p) { line-height: 1.55; }
html[dir="rtl"] .debk-en-prose { font-family: var(--debk-serif); line-height: 1.85; }
html[dir="rtl"] .debk-en-prose :is(input[type="email"], input[type="tel"]) { direction: ltr; text-align: left; }
html[dir="rtl"] .debk-en-prose :is(ol, ul) { padding-inline: 1.4em 0; }
html[dir="rtl"] .debk-search input { text-align: start; }

.debk-editorial:lang(zh) {
	--debk-serif: "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
}
.debk-brand-zh { gap: clamp(8px, 1vw, 12px); }
.debk-brand-zh img { width: 25%; flex: none; }
.debk-brand.debk-brand-zh span {
	color: var(--debk-deep);
	border: 0;
	padding: 0;
	font-size: clamp(14px, 1.5vw, 20px);
	font-weight: 700;
	line-height: 1.35;
	text-wrap: balance;
}
.debk-footer .debk-brand.debk-brand-zh span { font-size: 14px; }
.debk-editorial:lang(zh) :is(.debk-home h1, .debk-home h2, .debk-home h3, .debk-layout-heading h1) {
	letter-spacing: normal;
	line-height: 1.3;
}
.debk-editorial:lang(zh) .debk-hero h1 { font-size: clamp(32px, 4.2vw, 64px); max-width: 12em; }
.debk-editorial:lang(zh) .debk-en-prose { font-family: var(--debk-serif); line-height: 1.8; }