/* General styling for the page container */.page-jl-rinjani-semarang {font-family: 'Arial', sans-serif;color: #fff;background-color: #1a1a2e; /* Dark background for gaming theme */line-height: 1.6;overflow-x: hidden;padding-top: var(--header-offset, 122px); /* Fallback if shared.css doesn't define --header-offset */}/* Hero Section */.page-jl-rinjani-semarang__hero-section {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 40px 20px;min-height: 60vh;background-color: #0f3460;overflow: hidden;padding-top: 10px; /* Small decorative padding, relying on body for main offset */}/* Ensure all images are responsive */.page-jl-rinjani-semarang__hero-image, .page-jl-rinjani-semarang__game-image, .page-jl-rinjani-semarang__promo-image, .page-jl-rinjani-semarang__feature-icon {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}.page-jl-rinjani-semarang__hero-image-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;}.page-jl-rinjani-semarang__hero-image {width: 100%;height: 100%;object-fit: cover;opacity: 0.3; /* Make background image subtle */filter: brightness(0.6); /* Darken image without color change */}.page-jl-rinjani-semarang__hero-content {position: relative;z-index: 1;max-width: 800px;}.page-jl-rinjani-semarang__hero-title {font-size: 2.2em;margin-bottom: 15px;color: #e94560; /* Highlight color */text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}.page-jl-rinjani-semarang__hero-subtitle {font-size: 1.1em;margin-bottom: 30px;color: #ccc;}.page-jl-rinjani-semarang__hero-button {display: inline-block;background-color: #e94560;color: #fff;padding: 15px 30px;border-radius: 8px;text-decoration: none;font-weight: bold;font-size: 1.1em;transition: background-color 0.3s ease, transform 0.2s ease;}.page-jl-rinjani-semarang__hero-button:hover {background-color: #ff6a80;transform: translateY(-2px);}/* Floating Register/Login Buttons */.page-jl-rinjani-semarang__floating-buttons {position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 10px;z-index: 1000;}.page-jl-rinjani-semarang__floating-button {display: flex;align-items: center;justify-content: center;width: 100px;height: 45px;border-radius: 25px;color: #fff;text-decoration: none;font-weight: bold;font-size: 0.9em;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);transition: transform 0.2s ease, background-color 0.3s ease;}.page-jl-rinjani-semarang__floating-button:hover {transform: translateY(-3px);}.page-jl-rinjani-semarang__floating-register {background-color: #e94560;}.page-jl-rinjani-semarang__floating-register:hover {background-color: #ff6a80;}.page-jl-rinjani-semarang__floating-login {background-color: #0f3460;border: 2px solid #e94560;}.page-jl-rinjani-semarang__floating-login:hover {background-color: #1a1a2e;}/* Section General Styles */.page-jl-rinjani-semarang__games-section,.page-jl-rinjani-semarang__promotions-section,.page-jl-rinjani-semarang__why-choose-us-section,.page-jl-rinjani-semarang__faq-section {padding: 40px 20px;text-align: center;}.page-jl-rinjani-semarang__section-title {font-size: 2em;margin-bottom: 15px;color: #e94560;}.page-jl-rinjani-semarang__section-description {font-size: 1em;margin-bottom: 30px;color: #ccc;max-width: 700px;margin-left: auto;margin-right: auto;}/* Game Categories Section */.page-jl-rinjani-semarang__game-categories {display: grid;grid-template-columns: 1fr;gap: 25px;max-width: 1200px;margin: 0 auto;}.page-jl-rinjani-semarang__game-card {background-color: #0f3460;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;text-align: center;transition: transform 0.3s ease;}.page-jl-rinjani-semarang__game-card:hover {transform: translateY(-5px);}.page-jl-rinjani-semarang__game-image {width: 100%;height: 200px;object-fit: cover;margin-bottom: 15px;}.page-jl-rinjani-semarang__game-title {font-size: 1.5em;color: #e94560;margin-bottom: 10px;padding: 0 15px;}.page-jl-rinjani-semarang__game-text {font-size: 0.95em;color: #ccc;margin-bottom: 20px;padding: 0 15px;}.page-jl-rinjani-semarang__game-button {display: inline-block;background-color: #e94560;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;font-weight: bold;transition: background-color 0.3s ease;}.page-jl-rinjani-semarang__game-button:hover {background-color: #ff6a80;}/* Promotions Section */.page-jl-rinjani-semarang__promotion-grid {display: grid;grid-template-columns: 1fr;gap: 25px;max-width: 1200px;margin: 0 auto;}.page-jl-rinjani-semarang__promo-card {background-color: #0f3460;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;text-align: center;transition: transform 0.3s ease;}.page-jl-rinjani-semarang__promo-card:hover {transform: translateY(-5px);}.page-jl-rinjani-semarang__promo-image {width: 100%;height: 250px;object-fit: cover;margin-bottom: 15px;}.page-jl-rinjani-semarang__promo-title {font-size: 1.4em;color: #e94560;margin-bottom: 10px;padding: 0 15px;}.page-jl-rinjani-semarang__promo-text {font-size: 0.95em;color: #ccc;margin-bottom: 20px;padding: 0 15px;}.page-jl-rinjani-semarang__promo-button {display: inline-block;background-color: #e94560;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;font-weight: bold;transition: background-color 0.3s ease;}.page-jl-rinjani-semarang__promo-button:hover {background-color: #ff6a80;}/* Why Choose Us Section */.page-jl-rinjani-semarang__features-grid {display: grid;grid-template-columns: 1fr;gap: 25px;max-width: 1200px;margin: 0 auto;}.page-jl-rinjani-semarang__feature-item {background-color: #0f3460;border-radius: 10px;padding: 25px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);text-align: center;transition: transform 0.3s ease;box-sizing: border-box; /* Required for list items */}.page-jl-rinjani-semarang__feature-item:hover {transform: translateY(-5px);}.page-jl-rinjani-semarang__feature-icon {width: 100%; /* Max width for mobile responsiveness */max-width: 250px; /* Max width for desktop */height: auto;margin-bottom: 15px;}.page-jl-rinjani-semarang__feature-title {font-size: 1.3em;color: #e94560;margin-bottom: 10px;}.page-jl-rinjani-semarang__feature-description {font-size: 0.9em;color: #ccc;}/* FAQ Section */.page-jl-rinjani-semarang__faq-container {max-width: 800px;margin: 0 auto;text-align: left;}.page-jl-rinjani-semarang__faq-item {background-color: #0f3460;border-radius: 8px;margin-bottom: 15px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);overflow: hidden; /* Important for max-height transition */}.page-jl-rinjani-semarang__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;cursor: pointer;background-color: #0f3460;color: #fff;font-weight: bold;border-bottom: 1px solid #1a1a2e;user-select: none;transition: background-color 0.3s ease;}.page-jl-rinjani-semarang__faq-question:hover {background-color: #1a1a2e;}.page-jl-rinjani-semarang__faq-question-text {font-size: 1.1em;margin: 0;color: #e94560;pointer-events: none; /* Prevent text from interfering with click event */}.page-jl-rinjani-semarang__faq-toggle {font-size: 1.5em;line-height: 1;transition: transform 0.3s ease;pointer-events: none; /* Prevent toggle from interfering with click event */}.page-jl-rinjani-semarang__faq-item.active .page-jl-rinjani-semarang__faq-toggle {transform: rotate(45deg); /* Change '+' to 'x' or rotate it */}.page-jl-rinjani-semarang__faq-answer {max-height: 0;overflow: hidden;padding: 0 20px;opacity: 0;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;color: #ccc;}.page-jl-rinjani-semarang__faq-item.active .page-jl-rinjani-semarang__faq-answer {max-height: 2000px !important; /* Sufficiently large value */padding: 20px !important;opacity: 1;}.page-jl-rinjani-semarang__faq-answer p {margin: 0;font-size: 0.95em;}/* Responsive Design */@media (min-width: 768px) {.page-jl-rinjani-semarang__hero-section {padding: 60px 40px;min-height: 70vh;}.page-jl-rinjani-semarang__hero-title {font-size: 3em;}.page-jl-rinjani-semarang__hero-subtitle {font-size: 1.2em;}.page-jl-rinjani-semarang__floating-buttons {flex-direction: row;bottom: 30px;right: 30px;}.page-jl-rinjani-semarang__floating-button {width: 120px;height: 50px;font-size: 1em;}.page-jl-rinjani-semarang__section-title {font-size: 2.5em;}.page-jl-rinjani-semarang__games-section,.page-jl-rinjani-semarang__promotions-section,.page-jl-rinjani-semarang__why-choose-us-section,.page-jl-rinjani-semarang__faq-section {padding: 60px 40px;}.page-jl-rinjani-semarang__game-categories {grid-template-columns: repeat(2, 1fr);}.page-jl-rinjani-semarang__promotion-grid {grid-template-columns: repeat(3, 1fr);}.page-jl-rinjani-semarang__features-grid {grid-template-columns: repeat(2, 1fr);}.page-jl-rinjani-semarang__feature-icon {max-width: 200px; /* Adjust for desktop grid */}}@media (min-width: 1024px) {.page-jl-rinjani-semarang__hero-title {font-size: 3.5em;}.page-jl-rinjani-semarang__game-categories {grid-template-columns: repeat(4, 1fr);}.page-jl-rinjani-semarang__features-grid {grid-template-columns: repeat(4, 1fr);}}/* Mobile specific overrides for list items and images */@media (max-width: 768px) { /* List item responsive requirements (for feature-item) */.page-jl-rinjani-semarang__feature-item {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 20px 15px !important; /* Adjust padding for smaller screens */word-wrap: break-word !important;overflow-wrap: break-word !important;}/* Container for list items (features-grid) */.page-jl-rinjani-semarang__features-grid {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;padding: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}/* FAQ items responsiveness */.page-jl-rinjani-semarang__faq-item {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;}.page-jl-rinjani-semarang__faq-container {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;padding: 0 10px !important; /* Adjust padding for smaller screens */margin-left: 0 !important;margin-right: 0 !important;}.page-jl-rinjani-semarang__faq-question,.page-jl-rinjani-semarang__faq-answer {padding-left: 15px !important;padding-right: 15px !important;}.page-jl-rinjani-semarang__faq-question-text {font-size: 1em; /* Adjust font size for mobile */}.page-jl-rinjani-semarang__faq-answer p {font-size: 0.85em; /* Adjust font size for mobile */}/* Ensure text wrapping for long content */.page-jl-rinjani-semarang__hero-subtitle,.page-jl-rinjani-semarang__section-description,.page-jl-rinjani-semarang__game-text,.page-jl-rinjani-semarang__promo-text,.page-jl-rinjani-semarang__feature-description,.page-jl-rinjani-semarang__faq-answer p {word-wrap: break-word !important;overflow-wrap: break-word !important;}}