@font-face { font-family: "me_quran"; src: local("me_quran"), url("../fonts/me_quran.ttf"); }
@font-face { font-family: "KFGQPC Uthmanic Script HAFS"; src: local("KFGQPC Uthmanic Script HAFS"), url("../fonts/UthmanicHafs.ttf"); }
@font-face { font-family: "kitab"; src: local("kitab"), url("../fonts/Kitab-Regular.ttf"); }

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
html {
  scroll-behavior: smooth;
}
body {
  padding-top: 0px;
  padding-bottom: 0px;
  background:#251e20 url(images/main-bg.jpg) repeat center top;
  color:#333;
  font-family: 'Roboto', sans-serif, Tahoma, Arial;
}

a { text-decoration: none; color:#666; }
a:hover { color:#115292; }

.header-wrapper { background:url(images/header-bg.png); }
.header-wrapper .container { background:none; padding-top:0px; }
.ads { margin: 0; padding: 15px 0; text-align: center; }

footer { padding:10px; color:#fff; background-color:#4a3f33; }
footer a, footer a:hover { color:#f6c489; }
.powered { text-align:center; margin:10px 0 0 0; color:#fff; }

.custom-breadcrumb { margin-top: 15px; }
.custom-breadcrumb .breadcrumb { background-color:#f9c875; padding: 15px; border-radius: 5px; }
.custom-breadcrumb .breadcrumb > li + li:before {  color: #666; }
.custom-breadcrumb .breadcrumb > .active {  color: #666; }
.custom-breadcrumb .breadcrumb li a span, .breadcrumb li a { color: #fff; }

.card-custom { margin-bottom: 10px; border:none; border-radius:0; border-bottom:1px solid #1774b1; }
.card-custom .card-header { color:#fff; padding: 10px; background:#4a3f33; border-bottom:5px solid #f9c875; border-radius:0px;  }
.card-custom .card-header:first-child { border-radius: 0; }

.block { border: 1px solid #ddd; background-color:#ffffff; margin-bottom:10px; }

.navbar-collapse { padding-left: 0px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #666666; } /*ff8a00, 64ad15, 1eaade*/

div.spacer { padding:5px; margin: 0; background-color: #ffffff; border-bottom:1px dotted #666; margin-bottom:10px; }
div:hover.spacer { background-color: #eee; border-bottom:1px dotted #333; }

audio { width:100%; }
#sound { text-align:center; }

.ayat, .ayat4tafseer, .ayat2  {
  font-family:  'KFGQPC Uthmanic Script HAFS';
  font-size: 1.9em;
  line-height: 1.8em;
  font-weight: 500;
}
.surah-text {
  margin-top: 30px;
  text-align: center;
}
.aya-number {
  font-family: "Traditional Arabic", "Times New Roman";
  font-size: 25px;
  white-space: nowrap;
  color: #0e6efd;
}
#translateindex { font-family: 'KFGQPC Uthmanic Script HAFS'; }
#translateindex h1 { padding: 10px 0; margin: 0; color: #333; text-align:center; direction: ltr; }
#translateindex .englishtext { padding: 10px 0; margin: 0; color: #CC0000; text-align:center; direction: ltr; }
#translateindex .translate { margin: 10px 0; text-align:left; direction: ltr; }
#translateindex .translate_rtl { margin: 10px 5px 10px 0; }
#translateindex .ayat, #translateindex .ayat2, #translateindex .translate_rtl { direction: rtl; text-align:right; }
#translateindex .ayat { padding: 10px; margin-bottom: 10px; background-color:#fff; border: 1px solid #cccccc; }
#translateindex .ayat2 { padding: 10px; margin-bottom: 10px; background-color:#f2f2f2; border: 1px solid #cccccc; }

/* Start View All Sorah */
span.ayat { color:#333; padding: 0; }
span:hover.ayat { color:#425406; }
span:active.ayat { color:#425406; }
img.ayatnumber {  margin:0 5px 0 5px; }
/* End View All Sorah */

/* Start tafseer.php */
.tafseer { padding: 5px; margin: 0; color:#333; text-align:justify; }
.tafseer img { padding: 0; margin: 0; border:none; }
.ayat4tafseer {
  position: relative;
  margin-bottom: 25px;
  background-color:#fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
.ayat4tafseer .number { color:#3499cc; }
.ayat4tafseer .author { font-size: .7em; }
.ayat4tafseer img { position:relative; top:1px; }
.ayat4tafseer_text {
  margin-bottom: 25px;
  background-color: #fff;
  font-size: 1.3em;
  line-height: 1.6em;
  color: #000;
}
.ayat4tafseersearch { padding: 10px; margin: 0 5px 25px 5px; background-color:#f2f2f2; border: 1px solid #cccccc; text-align:center; }
.ayat4tafseer_info { font-size: .7em; margin-bottom: 0; line-height: 1em; }
.share-content a { color: #4a3f33; }
.share-content a:hover { color: #f9c875; }

.share { text-align:center; margin-top: 10px;  margin-bottom: 20px; border: 1px solid #ddd; padding: 15px; }
.share h5 { margin-bottom: 15px; }
.share a { margin: 0 15px; font-size: 35px; color: #3499cc; }

.ayat, .ayat2 {
  position: relative;
}

.listen_aya {
  position: absolute;
  left: 0;
  top: 10px;
}

.section-content {
  background: #fff;
  padding: 15px;
  background: rgba(250,250,250,.9);
}

.section-title {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0;
}

.section-title h1 {
  padding-bottom: 15px;
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 10px 0;
  border-bottom: 4px solid #f9c875;
  display: inline-block;
}

.section-1, .section-2, .section-3 {
  padding: 15px 0;
  margin: 0;
  background: #f2f2f2;
  margin-bottom: 0;
}

.section-1 {
  background:#251e20 url(images/section-bg.jpg) repeat center top;
}

.section-2 {
  background:#251e20;
  border-top: 4px solid #56493d;
  border-bottom: 4px solid #56493d;
}

.section-2 .section-content {
  background:#fff;
}

.section-3 {
  background:#251e20 url(images/section-bg.jpg) repeat center top;
}

.quran-file {
  margin-bottom: 15px;
}

.books {
  margin-top: 30px;
}
.books h1, .books h2 {
  font-size: 22px;
  font-weight: 600;
}
.books .btn {
  color: #fff;
}
.books-type-3 .card-img-top {
  max-height: 250px;
}
.book-image {
  position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}
.book-image:hover .overlay {
  opacity: 1;
}
.overlay-text {
  color: #fff;
  font-size: 20px;
  padding: 15px;
}
.overlay-text a, .overlay-text .text-muted {
  color: #fff !important;
}

.books-languages {
  background-color: #fff;
  margin-bottom: 15px;
  padding: 15px;
}

.language-flag {
  border: 0px solid #f9c875;
  margin-top: 20px;
}

.language-flag img {
  width: 50px;
  height: 30px;
}

.language-loop {
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
  background:#251e20 url(images/section-bg.jpg) repeat center top;
}

.language-loop a {
  color: #fff;
}

.language-loop h1 {
  margin-top: 15px;
  padding-top: 0;
  font-weight: 700;
  font-size: 20px;
}

.language-loop h1 a {
  color: #f9c875;
}

.language-count {
  padding-top: 5px;
  padding-bottom: 15px;
}

.language-count span {
  margin: 0 10px;
}

.language-count .fas, .language-count .far {
  color: #f9c875;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #f9c875;
    border-color: #f9c875;
}

.page-link {
    color: #251e20;
}

.page-link:hover {
    color: #f9c875;
}

.flags {
  width: 30px;
  height: 18px;
}

#languages h5 a {
  font-size: 16px;
}
#quran h5 a {
  font-size: 16px;
}
.custom-navbar-brand {
  text-decoration: none !important;
  font-size: 22px;
  font-weight: 600;
}
.custom-nav {
  background-color: rgba(255, 255, 255, .9) !important;
}
@media (max-width: 767px) {
	.ads_hidden{ display:none; }
  .logo { width: 100%; float:none; text-align: center; }
  .ads { width: 100%; float:none; text-align: center; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.ads_hidden{ display:none; }
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
	.ads_hidden{ display:none; }
}

@media only screen and (max-width: 240px) {
	.ads_hidden{ display:none; }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .logo { width: 100%; float:none; text-align: center; }
  .ads { width: 100%; float:none; text-align: center; }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .logo { width: 100%; float:none; text-align: center; }
  .ads { width: 100%; float:none; text-align: center; }
}


/* Royal Black & Gold Theme Override */
body,.block,.card,.container,.content,main{
background:#0b0b0b !important;
color:#f5e7a1 !important;
}
.header-wrapper,footer,.card-custom .card-header,.navbar,.dropdown-menu{
background:#111 !important;
border-color:#c9a227 !important;
}
.block,.card-custom,.form-control,.form-select,select,input,textarea,.list-group-item,.breadcrumb,.modal-content{
background:#121212 !important;
color:#f5e7a1 !important;
border:1px solid #d4af37 !important;
box-shadow:0 0 8px rgba(212,175,55,.18);
}
.form-control:focus,select:focus,input:focus,textarea:focus{
border-color:#f8e08a !important;
box-shadow:0 0 10px rgba(248,224,138,.45)!important;
}
a,.nav-link,.breadcrumb a,h1,h2,h3,h4,h5,h6,.ayat,.ayat2,.ayat4tafseer,span.ayat{
color:#e6c55a !important;
}
button,.btn,.btn-primary{
background:linear-gradient(180deg,#f5d97a,#b8860b)!important;
border:1px solid #f5d97a!important;
color:#111!important;
font-weight:bold;
}

/* =========================================================
   Royal Black & Gold Luxury Theme V2
   Added by ChatGPT for محمد المري
   Scope: visual override only - no layout/function changes
   ========================================================= */
:root{
  --royal-black:#050505;
  --royal-black-2:#0b0a07;
  --royal-panel:#11100c;
  --royal-panel-2:#17140d;
  --royal-gold:#d4af37;
  --royal-gold-light:#fff1a8;
  --royal-gold-soft:#e4c65a;
  --royal-text:#f8e9a6;
  --royal-muted:#c9b77a;
  --royal-border:rgba(212,175,55,.72);
  --royal-glow:rgba(212,175,55,.30);
}

html,body{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 30%),
    radial-gradient(circle at bottom left, rgba(212,175,55,.07), transparent 28%),
    linear-gradient(135deg,var(--royal-black),var(--royal-black-2) 55%,#000) !important;
  color:var(--royal-text) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(212,175,55,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.025) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.55;
}

/* Main wrappers */
.container,.container-fluid,.section-content,.books-languages,.card,.card-custom,.block,.content,.page-content,
.list-group,.breadcrumb,.modal-content,.dropdown-menu,.table,.accordion-item,.offcanvas{
  background:linear-gradient(145deg, rgba(21,18,11,.98), rgba(5,5,5,.98)) !important;
  color:var(--royal-text) !important;
  border-color:var(--royal-border) !important;
}

.card,.card-custom,.block,.books-languages,.section-content,.list-group-item,.modal-content,.dropdown-menu,.breadcrumb,
.language-loop,.quran-file,.accordion-item{
  border:1px solid var(--royal-border) !important;
  border-radius:18px !important;
  box-shadow:
    0 12px 35px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,241,168,.06),
    0 0 18px rgba(212,175,55,.10) !important;
}

.card-header,.card-custom .card-header,.modal-header,.accordion-header,.section-2,.section-3,header.header-wrapper,footer,.footer,
.navbar,.custom-nav{
  background:
    linear-gradient(135deg, rgba(3,3,3,.98), rgba(31,25,11,.98) 55%, rgba(8,8,8,.98)) !important;
  color:var(--royal-gold-light) !important;
  border-color:var(--royal-border) !important;
  box-shadow:0 6px 24px rgba(0,0,0,.55), 0 0 0 1px rgba(212,175,55,.18) !important;
}

.navbar,.custom-nav{
  border-bottom:1px solid var(--royal-border) !important;
  backdrop-filter:blur(10px);
}
.navbar-brand,.custom-navbar-brand{
  color:var(--royal-gold-light) !important;
  text-shadow:0 0 12px rgba(212,175,55,.45);
}
.navbar-toggler{
  border:1px solid var(--royal-gold) !important;
  background:linear-gradient(180deg,#2a210d,#080808) !important;
}

/* Luxury headings and text */
h1,h2,h3,h4,h5,h6,.card-title,.card-header h5,.language-loop h1 a,.ayat,.ayat2,.ayat4tafseer,span.ayat,
.quran,.quran_text,.title,.page-title{
  color:var(--royal-gold-light) !important;
  text-shadow:0 0 10px rgba(212,175,55,.22);
}
p,li,td,th,div,span,label,.text-muted,.small{
  color:inherit;
}
.text-muted,small,.small{
  color:var(--royal-muted) !important;
}

/* Links */
a,.nav-link,.dropdown-item,.page-link,.breadcrumb a{
  color:var(--royal-gold-soft) !important;
  transition:.22s ease;
}
a:hover,.nav-link:hover,.dropdown-item:hover,.page-link:hover{
  color:var(--royal-gold-light) !important;
  text-shadow:0 0 10px rgba(212,175,55,.42);
}
.dropdown-item:hover,.dropdown-item:focus{
  background:rgba(212,175,55,.12) !important;
}

/* Forms and fields */
input,select,textarea,.form-control,.form-select,.input-group-text,.form-check-input{
  background:linear-gradient(180deg,#100f0b,#050505) !important;
  color:var(--royal-text) !important;
  border:1px solid var(--royal-gold) !important;
  border-radius:14px !important;
  box-shadow:inset 0 0 15px rgba(0,0,0,.46), 0 0 10px rgba(212,175,55,.12) !important;
}
input::placeholder,textarea::placeholder{
  color:rgba(248,233,166,.55) !important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:var(--royal-gold-light) !important;
  outline:none !important;
  box-shadow:0 0 0 .18rem rgba(212,175,55,.22), 0 0 18px rgba(255,241,168,.25) !important;
}
option{
  background:#080808 !important;
  color:var(--royal-text) !important;
}

/* Buttons */
.btn,button,input[type="submit"],input[type="button"],.btn-primary,.btn-success,.btn-info,.btn-warning{
  background:linear-gradient(135deg,#fff2a8 0%,#d4af37 38%,#9b6f12 72%,#f2d77d 100%) !important;
  border:1px solid #ffeaa0 !important;
  color:#120d03 !important;
  font-weight:700 !important;
  border-radius:14px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.35), 0 0 16px rgba(212,175,55,.25) !important;
  text-shadow:none !important;
}
.btn:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover{
  filter:brightness(1.07);
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.45), 0 0 26px rgba(212,175,55,.38) !important;
}
.btn-secondary,.btn-outline-secondary,.btn-light{
  background:linear-gradient(180deg,#1c180e,#070707) !important;
  color:var(--royal-gold-light) !important;
  border:1px solid var(--royal-gold) !important;
}

/* Tables, lists, pagination */
.table,.table td,.table th{
  background:rgba(7,7,7,.92) !important;
  color:var(--royal-text) !important;
  border-color:rgba(212,175,55,.35) !important;
}
.list-group-item{
  background:linear-gradient(135deg,#11100b,#070707) !important;
  color:var(--royal-text) !important;
}
.page-link{
  background:#0b0a07 !important;
  border:1px solid rgba(212,175,55,.55) !important;
}
.page-item.active .page-link{
  background:linear-gradient(135deg,#f4dc82,#b88918) !important;
  color:#111 !important;
  border-color:#ffeaa0 !important;
}

/* Quran / language cards */
.language-loop{
  background:
    radial-gradient(circle at top, rgba(212,175,55,.13), transparent 42%),
    linear-gradient(145deg,#15120b,#030303) !important;
  overflow:hidden;
  position:relative;
}
.language-loop::after,.card-custom::after,.block::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg, transparent 0%, rgba(255,241,168,.08) 45%, transparent 70%);
  opacity:.55;
}
.card-custom,.block,.language-loop{position:relative;}
.language-flag{
  border:1px solid rgba(212,175,55,.45) !important;
  border-radius:10px;
  padding:4px;
  background:#080808 !important;
}
.language-flag img,.flags{
  max-width:50px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
.flags{
  max-width:30px !important;
  max-height:18px !important;
}

/* Audio/player/icons without breaking size */
img,svg,video,iframe{
  max-width:100%;
}
.fa,.fas,.far,.fab,.language-count .fas,.language-count .far{
  color:var(--royal-gold-light) !important;
}

/* Alerts */
.alert{
  background:linear-gradient(135deg,#17140d,#070707) !important;
  color:var(--royal-text) !important;
  border:1px solid var(--royal-gold) !important;
  border-radius:14px !important;
}

/* Selection */
::selection{
  background:var(--royal-gold) !important;
  color:#080808 !important;
}

@media (max-width:767px){
  .card,.card-custom,.block,.books-languages,.language-loop{border-radius:14px !important;}
  .container{padding-left:12px !important;padding-right:12px !important;}
  .navbar-brand,.custom-navbar-brand{font-size:20px !important;}
}

/* ==========================================================
   Royal Black & Luxury Gold Theme V2
   Added by ChatGPT - preserves original layout and functions
   ========================================================== */
:root{
  --royal-black:#050505;
  --royal-black-2:#0b0b0b;
  --royal-card:#101010;
  --royal-card-2:#17130b;
  --royal-gold:#d4af37;
  --royal-gold-light:#ffe7a3;
  --royal-gold-deep:#9b6b12;
  --royal-text:#f7e9b3;
  --royal-muted:#c8b982;
  --royal-border:rgba(212,175,55,.58);
  --royal-glow:rgba(255,218,115,.22);
}

html, body{
  min-height:100%;
  background:
    radial-gradient(circle at top center, rgba(212,175,55,.12) 0, transparent 34%),
    linear-gradient(135deg, #020202 0%, #0b0b0b 45%, #171006 100%) !important;
  color:var(--royal-text) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(45deg, rgba(212,175,55,.035) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(212,175,55,.025) 25%, transparent 25%);
  background-size:36px 36px;
  opacity:.7;
}

.header-wrapper,
.custom-nav,
.navbar,
footer{
  background:linear-gradient(180deg,#15110a 0%,#070707 100%) !important;
  border-color:var(--royal-border) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,231,163,.14) !important;
}

.section-1,.section-2,.section-3,.language-loop{
  background:
    radial-gradient(circle at top, rgba(212,175,55,.14), transparent 42%),
    linear-gradient(145deg,#050505,#111,#090601) !important;
  border-top:1px solid var(--royal-border) !important;
  border-bottom:1px solid rgba(212,175,55,.35) !important;
}

.container,.section-content,.block,.card,.card-body,.books-languages,
#translateindex .ayat,#translateindex .ayat2,.ayat4tafseer,.ayat4tafseer_text,
.ayat4tafseersearch,.share,.list-group-item,.modal-content,.dropdown-menu,
div.spacer,.custom-breadcrumb .breadcrumb{
  background:linear-gradient(180deg,rgba(25,21,12,.96),rgba(8,8,8,.96)) !important;
  color:var(--royal-text) !important;
  border:1px solid var(--royal-border) !important;
  border-radius:14px !important;
  box-shadow:
    0 0 0 1px rgba(255,231,163,.05) inset,
    0 13px 32px rgba(0,0,0,.38),
    0 0 22px rgba(212,175,55,.08) !important;
}

.card-custom{
  background:transparent !important;
  border:1px solid var(--royal-border) !important;
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.35), 0 0 25px rgba(212,175,55,.10) !important;
}
.card-custom .card-header{
  color:#120d02 !important;
  background:linear-gradient(135deg,#fff1b8 0%,#d4af37 42%,#8a5b08 100%) !important;
  border-bottom:1px solid #ffe7a3 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  font-weight:800;
}

h1,h2,h3,h4,h5,h6,.section-title h1,.custom-navbar-brand,
.ayat,.ayat2,.ayat4tafseer,span.ayat,#translateindex h1{
  color:var(--royal-gold-light) !important;
  text-shadow:0 0 10px rgba(212,175,55,.22), 0 1px 1px #000 !important;
}

.section-title h1{
  border-bottom:2px solid var(--royal-gold) !important;
  padding:0 18px 14px !important;
}

p,li,td,th,label,.tafseer,.translate,.translate_rtl,.language-count,.powered,
#translateindex .englishtext,#translateindex .translate{
  color:var(--royal-text) !important;
}

.text-muted,small,.ayat4tafseer_info,.ayat4tafseer .author{
  color:var(--royal-muted) !important;
}

a,.nav-link,.dropdown-item,.breadcrumb a,.breadcrumb li a,.breadcrumb li a span,
.language-loop a,.language-loop h1 a,.share-content a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
  color:var(--royal-gold-light) !important;
  transition:.22s ease;
}
a:hover,.nav-link:hover,.dropdown-item:hover,.page-link:hover,.share-content a:hover{
  color:#fff7d6 !important;
  text-shadow:0 0 12px rgba(255,231,163,.65) !important;
}

input,select,textarea,.form-control,.form-select,.input-group-text,
button:not(.navbar-toggler),.btn,.page-link{
  border-radius:12px !important;
}

input,select,textarea,.form-control,.form-select,.input-group-text{
  background:linear-gradient(180deg,#080808,#141006) !important;
  color:var(--royal-text) !important;
  border:1px solid var(--royal-gold) !important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.65), 0 0 14px rgba(212,175,55,.10) !important;
}
input::placeholder,textarea::placeholder{ color:#a9965f !important; opacity:1; }
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  background:#0b0b0b !important;
  color:#fff4c8 !important;
  border-color:var(--royal-gold-light) !important;
  box-shadow:0 0 0 .18rem rgba(212,175,55,.18), 0 0 22px rgba(255,231,163,.35) !important;
  outline:none !important;
}

button,.btn,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-secondary,
input[type="submit"],input[type="button"]{
  background:linear-gradient(135deg,#fff0b0 0%,#d4af37 45%,#91600b 100%) !important;
  border:1px solid #ffedaa !important;
  color:#120d02 !important;
  font-weight:800 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.38), 0 0 14px rgba(212,175,55,.20) !important;
}
button:hover,.btn:hover,input[type="submit"]:hover,input[type="button"]:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.page-item.active .page-link{
  background:linear-gradient(135deg,#ffe9a0,#c79520) !important;
  border-color:#ffe9a0 !important;
  color:#120d02 !important;
}

.aya-number,.ayat4tafseer .number,.language-count .fas,.language-count .far,.share a{
  color:var(--royal-gold-light) !important;
  text-shadow:0 0 10px rgba(212,175,55,.45) !important;
}

hr,.dropdown-divider{
  border-color:rgba(212,175,55,.38) !important;
}

table,.table{
  color:var(--royal-text) !important;
  border-color:var(--royal-border) !important;
}
.table th,.table td{
  border-color:rgba(212,175,55,.32) !important;
}

img.flags,.flags,.language-flag img{
  width:30px !important;
  max-width:30px !important;
  height:18px !important;
  object-fit:cover !important;
  border-radius:3px !important;
  box-shadow:0 0 0 1px rgba(212,175,55,.35) !important;
}
.language-flag img{
  width:50px !important;
  max-width:50px !important;
  height:30px !important;
}

img{ max-width:100%; }
.logo img{ max-height:92px; width:auto; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#060606; }
::-webkit-scrollbar-thumb{ background:linear-gradient(#ffe7a3,#9b6b12); border-radius:20px; }

@media (max-width:767px){
  .container,.section-content,.block,.card,.books-languages{ border-radius:12px !important; }
  .custom-navbar-brand{ font-size:18px !important; }
  .ayat,.ayat4tafseer,.ayat2{ font-size:1.55em; line-height:1.95em; }
  .logo img{ max-height:78px; }
}