/*
Theme Name: Master Rummy
Theme URI: https://www.masterrummys.com/
Author: Master Rummy
Author URI: https://www.masterrummys.com/
Description: Independent bilingual landing-page theme for Master Rummy, including English and Hindi home and download routes.
Version: 1.3.18
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: master-rummy
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	color-scheme: dark;
	--mr-black: #0a0a0d;
	--mr-dark: #121217;
	--mr-gold: #d4af37;
	--mr-gold-light: #ffe17d;
}

html {
	background: var(--mr-black);
}

body {
	margin: 0;
	background: var(--mr-black);
	color: #fff;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

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

a {
	color: inherit;
}

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

.screen-reader-text:focus {
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	clip: auto;
	padding: 12px 16px;
	background: var(--mr-gold);
	color: var(--mr-black);
}

.master-rummy-basic-layout {
	width: min(100% - 32px, 960px);
	margin-inline: auto;
	padding-block: 72px;
}

.master-rummy-basic-layout article {
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background: var(--mr-dark);
}

.mr-site-header {
	position: sticky;
	top: 0;
	z-index: 80;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	background: rgba(10, 10, 13, 0.88);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.mr-site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(100% - 32px, 1180px);
	min-height: 78px;
	margin-inline: auto;
	gap: 24px;
}

.mr-site-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.mr-site-brand__mark {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(212, 175, 55, 0.3);
	border-radius: 14px;
	background: var(--mr-dark);
	box-shadow: 0 12px 32px rgba(212, 175, 55, 0.12);
	transform: rotate(3deg);
	transition: transform 0.3s ease;
}
.mr-site-brand__mark img { width: 100%; height: 100%; object-fit: contain; }

.mr-site-brand:hover .mr-site-brand__mark { transform: rotate(-3deg) scale(1.04); }
.mr-site-brand__name {
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -.025em;
	line-height: 1;
	white-space: nowrap;
}
.mr-site-brand__name strong { font-weight: inherit; }
.mr-site-brand__name span { color: var(--mr-gold); }

.mr-site-nav,.mr-site-actions,.mr-site-social,.mr-site-languages { display: flex; align-items: center; }
.mr-site-nav { gap: 30px; }
.mr-site-nav a,.mr-site-mobile-nav a { color: rgba(255,255,255,.7); font-size: 14px; font-weight: 700; text-decoration: none; transition: color .25s ease,transform .25s ease; }
.mr-site-nav a:hover,.mr-site-nav a:focus-visible { color: var(--mr-gold); transform: translateY(-1px); }
.mr-site-actions { gap: 12px; }
.mr-site-social { gap: 6px; }
.mr-site-social a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; color: rgba(255,255,255,.62); transition: .25s ease; }
.mr-site-social a:hover,.mr-site-social a:focus-visible { border-color: rgba(212,175,55,.48); color: var(--mr-gold); transform: translateY(-2px); }
.mr-site-social svg { width: 17px; height: 17px; fill: currentColor; }
.mr-site-languages { gap: 4px; padding: 4px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.04); }
.mr-site-languages a { padding: 7px 9px; border-radius: 8px; color: rgba(255,255,255,.5); font-size: 11px; font-weight: 900; text-decoration: none; }
.mr-site-languages a[aria-current=true] { background: rgba(212,175,55,.14); color: var(--mr-gold); }
.mr-site-menu-button { display: none; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.04); color: #fff; font-size: 21px; cursor: pointer; }
.mr-site-mobile-nav { width: min(100% - 32px,1180px); margin: 0 auto; padding: 0 0 16px; }
.mr-site-mobile-nav a { display: block; padding: 13px 14px; border-radius: 12px; }
.mr-site-mobile-nav a:hover,.mr-site-mobile-nav a:focus-visible { background: rgba(255,255,255,.05); color: var(--mr-gold); }

.mr-article-shell { min-height: 100vh; background: radial-gradient(circle at 12% 8%,rgba(123,31,162,.16),transparent 32rem),radial-gradient(circle at 90% 22%,rgba(212,175,55,.12),transparent 34rem),var(--mr-black); }
.mr-article-main { width: min(100% - 32px, 980px); margin: 0 auto; padding: clamp(52px,8vw,100px) 0; }
.mr-article-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; color: rgba(255,255,255,.42); font-size: 12px; }
.mr-article-breadcrumb a { color: var(--mr-gold); text-decoration: none; }
.mr-article-title { max-width: 900px; margin: 24px 0 0; color: #fff; font: 600 clamp(40px,7vw,72px)/1.02 Georgia,serif; letter-spacing: -.04em; text-wrap: balance; }
.mr-article-deck { max-width: 760px; margin: 22px 0 0; color: rgba(255,255,255,.62); font-size: 18px; line-height: 1.75; }
.mr-article-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; color: rgba(255,255,255,.45); font-size: 13px; line-height: 1.6; }
.mr-article-figure { overflow: hidden; margin: 42px 0 0; border: 1px solid rgba(212,175,55,.22); border-radius: 30px; background: var(--mr-dark); box-shadow: 0 36px 100px rgba(0,0,0,.38); }
.mr-article-figure img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.mr-article-body { margin-top: 32px; padding: clamp(26px,6vw,58px); border: 1px solid rgba(255,255,255,.08); border-radius: 30px; background: rgba(18,18,23,.9); color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.85; }
.mr-article-body h2,.mr-article-body h3 { color: #fff; font-family: Georgia,serif; line-height: 1.2; }
.mr-article-body h2 { margin: 2em 0 .7em; font-size: clamp(28px,4vw,38px); }
.mr-article-body h3 { margin: 1.5em 0 .4em; font-size: 22px; }
.mr-article-body h2:first-child { margin-top: 0; }
.mr-article-body a { color: var(--mr-gold-light); text-underline-offset: 4px; }
.mr-article-body li + li { margin-top: .55em; }
.mr-article-lede { color: #fff; font: 500 clamp(21px,3vw,28px)/1.55 Georgia,serif; }
.mr-article-summary,.mr-responsible-note { margin: 30px 0; padding: 24px; border-left: 3px solid var(--mr-gold); border-radius: 0 18px 18px 0; background: rgba(212,175,55,.08); }
.mr-article-summary strong,.mr-responsible-note strong { color: var(--mr-gold-light); }
.mr-article-summary p,.mr-responsible-note p { margin-bottom: 0; }
.mr-article-related { margin-top: 30px; padding: 26px; border: 1px solid rgba(212,175,55,.2); border-radius: 24px; background: rgba(212,175,55,.06); }
.mr-article-related h2 { margin: 0; color: #fff; font: 600 26px/1.2 Georgia,serif; }
.mr-article-related div { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 16px; }
.mr-article-related a { color: var(--mr-gold-light); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.mr-article-footer { padding: 28px 16px; border-top: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.38); font-size: 12px; text-align: center; }

@media (max-width: 900px) {
	.mr-site-nav,.mr-site-social { display: none; }
	.mr-site-menu-button { display: grid; place-items: center; }
}

@media (max-width: 480px) {
	.mr-site-brand { gap: 9px; }
	.mr-site-brand__mark { width: 40px; height: 40px; border-radius: 12px; }
	.mr-site-brand__name { font-size: 16px; }
	.mr-site-header__inner { min-height: 70px; }
	.mr-article-main { padding-top: 42px; }
	.mr-article-body,.mr-article-figure { border-radius: 22px; }
}