@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Outfit:wght@300;400;600&family=Reem+Kufi:wght@400;700&display=swap');


@font-face { font-family: 'Samarkan'; src: url('../../fonts/SAMARN__.TTF') format('truetype'); }
@font-face {
	font-family: 'Linearicons-Free';
	src:url('fonts/Linearicons-Free.eot?w118d');
	src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
		url('fonts/Linearicons-Free.woff?w118d') format('woff'),
		url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
		url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}

.lnr {
	font-family: 'Linearicons-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
	content: "\e800";
}
.lnr-apartment:before {
	content: "\e801";
}
.lnr-pencil:before {
	content: "\e802";
}
.lnr-magic-wand:before {
	content: "\e803";
}
.lnr-drop:before {
	content: "\e804";
}
.lnr-lighter:before {
	content: "\e805";
}
.lnr-poop:before {
	content: "\e806";
}
.lnr-sun:before {
	content: "\e807";
}
.lnr-moon:before {
	content: "\e808";
}
.lnr-cloud:before {
	content: "\e809";
}
.lnr-cloud-upload:before {
	content: "\e80a";
}
.lnr-cloud-download:before {
	content: "\e80b";
}
.lnr-cloud-sync:before {
	content: "\e80c";
}
.lnr-cloud-check:before {
	content: "\e80d";
}
.lnr-database:before {
	content: "\e80e";
}
.lnr-lock:before {
	content: "\e80f";
}
.lnr-cog:before {
	content: "\e810";
}
.lnr-trash:before {
	content: "\e811";
}
.lnr-dice:before {
	content: "\e812";
}
.lnr-heart:before {
	content: "\e813";
}
.lnr-star:before {
	content: "\e814";
}
.lnr-star-half:before {
	content: "\e815";
}
.lnr-star-empty:before {
	content: "\e816";
}
.lnr-flag:before {
	content: "\e817";
}
.lnr-envelope:before {
	content: "\e818";
}
.lnr-paperclip:before {
	content: "\e819";
}
.lnr-inbox:before {
	content: "\e81a";
}
.lnr-eye:before {
	content: "\e81b";
}
.lnr-printer:before {
	content: "\e81c";
}
.lnr-file-empty:before {
	content: "\e81d";
}
.lnr-file-add:before {
	content: "\e81e";
}
.lnr-enter:before {
	content: "\e81f";
}
.lnr-exit:before {
	content: "\e820";
}
.lnr-graduation-hat:before {
	content: "\e821";
}
.lnr-license:before {
	content: "\e822";
}
.lnr-music-note:before {
	content: "\e823";
}
.lnr-film-play:before {
	content: "\e824";
}
.lnr-camera-video:before {
	content: "\e825";
}
.lnr-camera:before {
	content: "\e826";
}
.lnr-picture:before {
	content: "\e827";
}
.lnr-book:before {
	content: "\e828";
}
.lnr-bookmark:before {
	content: "\e829";
}
.lnr-user:before {
	content: "\e82a";
}
.lnr-users:before {
	content: "\e82b";
}
.lnr-shirt:before {
	content: "\e82c";
}
.lnr-store:before {
	content: "\e82d";
}
.lnr-cart:before {
	content: "\e82e";
}
.lnr-tag:before {
	content: "\e82f";
}
.lnr-phone-handset:before {
	content: "\e830";
}
.lnr-phone:before {
	content: "\e831";
}
.lnr-pushpin:before {
	content: "\e832";
}
.lnr-map-marker:before {
	content: "\e833";
}
.lnr-map:before {
	content: "\e834";
}
.lnr-location:before {
	content: "\e835";
}
.lnr-calendar-full:before {
	content: "\e836";
}
.lnr-keyboard:before {
	content: "\e837";
}
.lnr-spell-check:before {
	content: "\e838";
}
.lnr-screen:before {
	content: "\e839";
}
.lnr-smartphone:before {
	content: "\e83a";
}
.lnr-tablet:before {
	content: "\e83b";
}
.lnr-laptop:before {
	content: "\e83c";
}
.lnr-laptop-phone:before {
	content: "\e83d";
}
.lnr-power-switch:before {
	content: "\e83e";
}
.lnr-bubble:before {
	content: "\e83f";
}
.lnr-heart-pulse:before {
	content: "\e840";
}
.lnr-construction:before {
	content: "\e841";
}
.lnr-pie-chart:before {
	content: "\e842";
}
.lnr-chart-bars:before {
	content: "\e843";
}
.lnr-gift:before {
	content: "\e844";
}
.lnr-diamond:before {
	content: "\e845";
}
.lnr-linearicons:before {
	content: "\e846";
}
.lnr-dinner:before {
	content: "\e847";
}
.lnr-coffee-cup:before {
	content: "\e848";
}
.lnr-leaf:before {
	content: "\e849";
}
.lnr-paw:before {
	content: "\e84a";
}
.lnr-rocket:before {
	content: "\e84b";
}
.lnr-briefcase:before {
	content: "\e84c";
}
.lnr-bus:before {
	content: "\e84d";
}
.lnr-car:before {
	content: "\e84e";
}
.lnr-train:before {
	content: "\e84f";
}
.lnr-bicycle:before {
	content: "\e850";
}
.lnr-wheelchair:before {
	content: "\e851";
}
.lnr-select:before {
	content: "\e852";
}
.lnr-earth:before {
	content: "\e853";
}
.lnr-smile:before {
	content: "\e854";
}
.lnr-sad:before {
	content: "\e855";
}
.lnr-neutral:before {
	content: "\e856";
}
.lnr-mustache:before {
	content: "\e857";
}
.lnr-alarm:before {
	content: "\e858";
}
.lnr-bullhorn:before {
	content: "\e859";
}
.lnr-volume-high:before {
	content: "\e85a";
}
.lnr-volume-medium:before {
	content: "\e85b";
}
.lnr-volume-low:before {
	content: "\e85c";
}
.lnr-volume:before {
	content: "\e85d";
}
.lnr-mic:before {
	content: "\e85e";
}
.lnr-hourglass:before {
	content: "\e85f";
}
.lnr-undo:before {
	content: "\e860";
}
.lnr-redo:before {
	content: "\e861";
}
.lnr-sync:before {
	content: "\e862";
}
.lnr-history:before {
	content: "\e863";
}
.lnr-clock:before {
	content: "\e864";
}
.lnr-download:before {
	content: "\e865";
}
.lnr-upload:before {
	content: "\e866";
}
.lnr-enter-down:before {
	content: "\e867";
}
.lnr-exit-up:before {
	content: "\e868";
}
.lnr-bug:before {
	content: "\e869";
}
.lnr-code:before {
	content: "\e86a";
}
.lnr-link:before {
	content: "\e86b";
}
.lnr-unlink:before {
	content: "\e86c";
}
.lnr-thumbs-up:before {
	content: "\e86d";
}
.lnr-thumbs-down:before {
	content: "\e86e";
}
.lnr-magnifier:before {
	content: "\e86f";
}
.lnr-cross:before {
	content: "\e870";
}
.lnr-menu:before {
	content: "\e871";
}
.lnr-list:before {
	content: "\e872";
}
.lnr-chevron-up:before {
	content: "\e873";
}
.lnr-chevron-down:before {
	content: "\e874";
}
.lnr-chevron-left:before {
	content: "\e875";
}
.lnr-chevron-right:before {
	content: "\e876";
}
.lnr-arrow-up:before {
	content: "\e877";
}
.lnr-arrow-down:before {
	content: "\e878";
}
.lnr-arrow-left:before {
	content: "\e879";
}
.lnr-arrow-right:before {
	content: "\e87a";
}
.lnr-move:before {
	content: "\e87b";
}
.lnr-warning:before {
	content: "\e87c";
}
.lnr-question-circle:before {
	content: "\e87d";
}
.lnr-menu-circle:before {
	content: "\e87e";
}
.lnr-checkmark-circle:before {
	content: "\e87f";
}
.lnr-cross-circle:before {
	content: "\e880";
}
.lnr-plus-circle:before {
	content: "\e881";
}
.lnr-circle-minus:before {
	content: "\e882";
}
.lnr-arrow-up-circle:before {
	content: "\e883";
}
.lnr-arrow-down-circle:before {
	content: "\e884";
}
.lnr-arrow-left-circle:before {
	content: "\e885";
}
.lnr-arrow-right-circle:before {
	content: "\e886";
}
.lnr-chevron-up-circle:before {
	content: "\e887";
}
.lnr-chevron-down-circle:before {
	content: "\e888";
}
.lnr-chevron-left-circle:before {
	content: "\e889";
}
.lnr-chevron-right-circle:before {
	content: "\e88a";
}
.lnr-crop:before {
	content: "\e88b";
}
.lnr-frame-expand:before {
	content: "\e88c";
}
.lnr-frame-contract:before {
	content: "\e88d";
}
.lnr-layers:before {
	content: "\e88e";
}
.lnr-funnel:before {
	content: "\e88f";
}
.lnr-text-format:before {
	content: "\e890";
}
.lnr-text-format-remove:before {
	content: "\e891";
}
.lnr-text-size:before {
	content: "\e892";
}
.lnr-bold:before {
	content: "\e893";
}
.lnr-italic:before {
	content: "\e894";
}
.lnr-underline:before {
	content: "\e895";
}
.lnr-strikethrough:before {
	content: "\e896";
}
.lnr-highlight:before {
	content: "\e897";
}
.lnr-text-align-left:before {
	content: "\e898";
}
.lnr-text-align-center:before {
	content: "\e899";
}
.lnr-text-align-right:before {
	content: "\e89a";
}
.lnr-text-align-justify:before {
	content: "\e89b";
}
.lnr-line-spacing:before {
	content: "\e89c";
}
.lnr-indent-increase:before {
	content: "\e89d";
}
.lnr-indent-decrease:before {
	content: "\e89e";
}
.lnr-pilcrow:before {
	content: "\e89f";
}
.lnr-direction-ltr:before {
	content: "\e8a0";
}
.lnr-direction-rtl:before {
	content: "\e8a1";
}
.lnr-page-break:before {
	content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
	content: "\e8a3";
}
.lnr-sort-amount-asc:before {
	content: "\e8a4";
}
.lnr-hand:before {
	content: "\e8a5";
}
.lnr-pointer-up:before {
	content: "\e8a6";
}
.lnr-pointer-right:before {
	content: "\e8a7";
}
.lnr-pointer-down:before {
	content: "\e8a8";
}
.lnr-pointer-left:before {
	content: "\e8a9";
}


            .footer-area * { color: #d4af37 !important; }
            .footer-area p, .footer-area a, .footer-area span { color: #f0e6d2 !important; }
            .footer-area .footer_title { color: #d4af37 !important; text-transform: uppercase; letter-spacing: 2px; }
            .footer-bottom { background: #0a0a0a !important; }
            .footer-bottom .footer-text { color: #d4af37 !important; }
        

/* ADVANCED GOLDEN THEME */
body {
    background-color: #0d0d0d !important;
    color: #e6dfc8 !important;
}
.header_area .navbar {
    background: #000 !important;
    border-bottom: 2px solid #d4af37 !important;
}
.header_area .navbar .nav .nav-item .nav-link {
    color: #d4af37 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
    color: #ffd700 !important;
    text-shadow: 0 0 5px rgba(212,175,55,0.6) !important;
}
.card-product {
    background: #151515 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.card-product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(212,175,55,0.2) !important;
    border-color: #d4af37 !important;
}
.card-product__title a {
    color: #d4af37 !important;
    font-weight: 600 !important;
}
.card-product__price {
    color: #ffd700 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
.card-body p {
    color: #b0a58a !important;
}
.button, .button-hero, .primary-btn {
    background: linear-gradient(135deg, #b8860b, #ffd700, #b8860b) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(212,175,55,0.4) !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}
.button:hover, .button-hero:hover, .primary-btn:hover {
    background: linear-gradient(135deg, #ffd700, #b8860b, #ffd700) !important;
    color: #000 !important;
    box-shadow: 0 4px 20px rgba(255,215,0,0.6) !important;
}
.section-intro p {
    color: #ffd700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}
.section-intro h2 {
    color: #fff !important;
}
.section-intro__style {
    border-bottom: 2px solid #d4af37 !important;
    color: #d4af37 !important;
}
.hero-banner {
    background: #000 !important;
}
.hero-banner::before {
    background: #111 !important;
    border-right: 1px solid #333 !important;
}
.hero-banner__content h1, .hero-banner__content h4 {
    color: #d4af37 !important;
}
.hero-banner__content p {
    color: #e6dfc8 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}
.footer-area {
    background: #080808 !important;
    border-top: 2px solid #d4af37 !important;
}
.footer_title {
    color: #d4af37 !important;
    text-shadow: 1px 1px 2px #000 !important;
}
.card-blog {
    background: #151515 !important;
    border: 1px solid #333 !important;
}
.card-blog__title a {
    color: #d4af37 !important;
}
.card-blog p {
    color: #b0a58a !important;
}
.subscribe {
    background: #111 !important;
    border: 1px solid #333 !important;
    box-shadow: 0px 5px 20px 0px rgba(212,175,55,0.1) !important;
}
.subscribe__title {
    color: #d4af37 !important;
}
.subscribe p {
    color: #e6dfc8 !important;
}
.subscribe-form .form-control {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
}
.subscribe-form .form-control::placeholder {
    color: #887850 !important;
}
/* Ensure white/black contrasts inside inputs */
input, textarea {
    background: #151515 !important;
    color: #d4af37 !important;
    border: 1px solid #555 !important;
}


/* NAVBAR AND DROPDOWN ENHANCEMENTS */
.header_area {
    background: #000 !important;
}

.header_area .navbar {
    background: #000 !important;
    border-bottom: 2px solid #d4af37 !important;
}

.header_area .navbar .nav .nav-item .nav-link {
    color: #e6dfc8 !important; /* Lighter cream for luxury feel */
}

.header_area .navbar .nav .nav-item:hover .nav-link, 
.header_area .navbar .nav .nav-item.active .nav-link {
    color: #d4af37 !important; /* Gold on active/hover */
    text-shadow: 0 0 8px rgba(212,175,55,0.4) !important;
}

/* Dropdown Menu Styles */
.header_area .navbar .nav .nav-item.submenu ul {
    background: #0a0a0a !important; /* Solid Black/Dark */
    border: 1px solid #d4af37 !important;
    border-top: 3px solid #d4af37 !important; /* Thicker gold bar on top */
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.8) !important;
    padding: 15px 0 !important;
    top: 100% !important;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease !important;
    transform: translateY(15px);
}

.header_area .navbar .nav .nav-item.submenu:hover ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
    border-bottom: 1px solid #1a1a1a !important;
    margin: 0 !important;
    width: 100% !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
    border-bottom: none !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    color: #d4af37 !important; /* Gold text */
    background: transparent !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    padding: 12px 30px !important;
    display: block !important;
    width: 100% !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover {
    background: transparent !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    color: #ffd700 !important; /* Brighter gold on hover */
}

/* Nav Shop / Search Icons */
.nav-shop li i {
    color: #d4af37 !important; /* Brighter gold for search/cart */
    font-size: 20px !important;
    font-weight: bold !important;
    opacity: 1 !important;
}

.nav-shop li:hover i {
    color: #ffd700 !important;
    transform: scale(1.1);
}

.nav-shop__circle {
    background: #d4af37 !important;
    color: #000 !important;
    font-weight: 800 !important;
    border: 1px solid #000 !important;
}

/* Fixed Navbar (on scroll) */
.header_area.navbar_fixed .main_menu {
    background: rgba(0, 0, 0, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(0,0,0,0.5) !important;
    border-bottom: 1px solid #d4af37 !important;
}

.header_area.navbar_fixed .navbar .nav .nav-item .nav-link {
    line-height: 80px !important;
}

/* Mobile Toggler */
.navbar-toggler {
    border: 1px solid #d4af37 !important;
}
.navbar-toggler span {
    background: #d4af37 !important;
}

/* SUB DROPDOWN MODAL ENHANCEMENTS */
.header_area .navbar .nav .nav-item.submenu ul {
    background: #080808 !important; 
    border: 1px solid #d4af37 !important;
    border-radius: 8px !important;
    padding: 10px 10px !important; /* Added internal padding for gaps */
    min-width: 220px !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
    border-bottom: none !important; /* Remove stacked borders */
    margin-bottom: 5px !important; /* Add gap between links */
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
    margin-bottom: 0 !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    color: #d4af37 !important;
    font-size: 14px !important; /* Increased font size */
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    padding: 15px 20px !important;
    border: 1px solid transparent !important; /* Prepare for border hover */
    border-radius: 6px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-shadow: 0 0 5px rgba(212,175,55,0.2) !important;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    color: #ffd700 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Glow effect for dropdown text */
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    display: flex !important;
    align-items: center !important;
}

/* CONTACT PAGE LUXURY THEME */
.contact-info__icon i {
    color: #d4af37 !important;
    font-size: 24px !important;
}
.contact-info .media-body h3, .contact-info .media-body h3 a {
    color: #ffd700 !important;
    font-weight: 600 !important;
}
.contact-info .media-body p {
    color: #b0a58a !important;
}
.form-contact .form-control {
    background: #0a0a0a !important;
    border: 1px solid #333 !important;
    color: #d4af37 !important;
    padding: 15px !important;
    border-radius: 5px !important;
}
.form-contact .form-control:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 10px rgba(212,175,55,0.2) !important;
}
.form-contact .form-control::placeholder {
    color: #666 !important;
}
.button-contactForm {
    background: linear-gradient(135deg, #b8860b, #ffd700, #b8860b) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    padding: 12px 35px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 5px 15px rgba(212,175,55,0.4) !important;
}

/* GLOBAL TYPOGRAPHY REFINEMENT FOR SEO & LUXURY */
body {
    font-family: 'Outfit', sans-serif !important;
    line-height: 1.7 !important;
    font-weight: 300 !important;
}

h1, h2, h3, h4, h5, h6, .footer_title {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #d4af37 !important;
}

/* Specific Arabic style for highlights */
.btn, .button, .button-hero, .primary-btn, .nav-link, .promo-text {
    font-family: 'Reem Kufi', sans-serif !important;
    letter-spacing: 1.5px !important;
}

.hero-banner__content h1 {
    font-size: 60px !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
}

.logo_h span:first-child {
    font-family: 'Samarkan', sans-serif !important;
}

/* ── LUXURY STAR RATING SYSTEM ── */
/* Interactive Rating (Radio based) */
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 5px;
}

.rating:not(:checked) > input {
    position: absolute;
    appearance: none;
    opacity: 0;
}

.rating:not(:checked) > label {
    float: right;
    cursor: pointer;
    font-size: 32px;
    color: #444; /* Darker gray for inactive */
    transition: all 0.3s ease;
    margin: 0;
}

.rating:not(:checked) > label:before {
    content: "★";
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #e58e09;
    text-shadow: 0 0 15px rgba(229, 142, 9, 0.4);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #ff9e0b;
    text-shadow: 0 0 15px rgba(255, 158, 11, 0.4);
    transform: scale(1.1);
}

.rating > input:checked ~ label {
    color: #ffa723;
    text-shadow: 0 0 10px rgba(255, 167, 35, 0.5);
}

/* Static Stars (Global Display) */
.stars {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center; /* Center by default for cards */
    margin-bottom: 12px;
}

.stars i {
    color: #ffa723 !important; /* Bright Gold */
    font-size: 15px !important;
    text-shadow: 0 0 10px rgba(255, 167, 35, 0.6), 0 0 20px rgba(255, 167, 35, 0.2);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-block;
}

.stars i:hover {
    transform: scale(1.25) rotate(5deg);
    color: #ff9e0b !important;
}

.stars span {
    color: #888;
    font-size: 12px;
    margin-left: 8px;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
}

/* Interactive Rating (Radio based) */
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
}

.rating:not(:checked) > input {
    position: absolute;
    appearance: none;
    opacity: 0;
    pointer-events: none;
}

.rating:not(:checked) > label {
    float: right;
    cursor: pointer;
    font-size: 36px; /* Larger for interaction */
    color: #333; 
    transition: all 0.3s ease;
    margin: 0;
}

.rating:not(:checked) > label:before {
    content: "★";
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ff9e0b;
    text-shadow: 0 0 20px rgba(255, 158, 11, 0.6);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #ffa723;
    text-shadow: 0 0 20px rgba(255, 167, 35, 0.5);
    transform: scale(1.15);
}

.rating > input:checked ~ label {
    color: #ffa723;
    text-shadow: 0 0 15px rgba(255, 167, 35, 0.6);
}