body{background:radial-gradient(circle at 50% 10%, #2c3e50 0%, #1c2833 100%) !important;font-family:'Tajawal', sans-serif !important;color:#e5e5e5 !important;line-height:1.8;padding-top:30px;}
.site-header, .site-footer, #sidebar, .post-inner.thin{display:none !important;visibility:hidden !important;}
.custom-frequency-article{background-color:transparent !important;max-width:1100px;margin:0 auto;padding:0;}
.custom-post-wrapper{background-color:#ffffff;color:#333333;padding:50px 70px;border-radius:30px;box-shadow:0 10px 80px rgba(0, 0, 0, 0.6), 0 0 0 8px rgba(255, 255, 255, 0.03);border:2px solid #e0e0e0;}
@media(max-width:768px){
.custom-post-wrapper{padding:25px 20px;border-radius:15px;}
} .custom-entry-title{font-family:'Amiri', serif !important;font-size:3.2em;color:#2c3e50;border-bottom:5px double #3498db;padding-bottom:25px;margin-bottom:45px;text-align:center;font-weight:700;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);line-height:1.4;white-space:normal;word-break:break-word;hyphens:auto;}
@media(max-width:1024px){
.custom-entry-title{font-size:2.5em;padding-bottom:20px;}
}
@media(max-width:600px){
.custom-entry-title{font-size:1.8em;padding-bottom:15px;margin-bottom:30px;line-height:1.6;}
} .featured-image-container{text-align:center;margin-bottom:40px;margin-top:20px;padding:10px;border:3px solid #3498db;border-radius:20px;box-shadow:0 0 20px rgba(52, 152, 219, 0.5);background-color:#fcfcfc;}
.luxurious-featured-image{max-width:100%;height:auto;border-radius:15px;display:block;margin:0 auto;}
.main-content-body{line-height:2.1;font-size:1.15em;font-weight:400;}
.main-content-body h2, .main-content-body h3{color:#2980b9;border-bottom:3px solid #3498db;border-right:8px solid #2980b9;padding:10px 15px;margin-top:50px;margin-bottom:25px;font-weight:800;font-size:1.7em;background-color:#f7f7f7;border-radius:5px;word-break:break-word;white-space:normal;}
.ai-frequency-query-container{background:linear-gradient(135deg, #2c3e50 0%, #1c2833 100%);border:4px solid #3498db;border-radius:25px;padding:35px;margin:40px 0;box-shadow:0 10px 50px rgba(0, 0, 0, 0.4);}
.ai-header{background-color:#3498db;color:#1c2833;padding:25px;border-radius:18px;font-size:1.9em;font-weight:800;text-shadow:none;cursor:pointer;text-align:center;transition:background-color 0.2s, transform 0.2s;}
.ai-header:hover{background-color:#2980b9;transform:translateY(-4px);}
@media(max-width:600px){
.ai-header{font-size:1.6em;line-height:1.4;padding:20px 15px;}
}
.ai-header i{margin-left:10px;color:#1c2833;font-size:1.2em;}
.frequency-prompt{color:#fcfcfc;font-weight:600;font-size:1.1em;}
.user-input-field{background-color:#fcfcfc;color:#333333 !important;border:1px solid #3498db;padding:10px 15px;border-radius:8px;font-size:1em;box-sizing:border-box;}
.user-input-field::placeholder{color:#999999;}
#security-answer{max-width:150px;text-align:center;}
#frequency-input{background-color:#34495e;color:#fcfcfc;border:1px solid #3498db;width:100%;padding:20px;border-radius:15px;font-size:1.1em;margin-bottom:20px;box-sizing:border-box;resize:vertical;}
.interpret-btn{background-color:#2980b9;box-shadow:0 6px #1f6797;color:white;padding:18px 30px;border-radius:12px;font-size:1.3em;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;transition:all 0.2s;}
.interpret-btn:hover{background-color:#3498db;box-shadow:0 4px #1f6797;transform:translateY(2px);}
.interpret-btn:disabled{opacity:0.6;cursor:not-allowed;}
.interpret-btn i{margin-left:8px;}
#loading-spinner i{color:#3498db;font-size:1.5em;}
.ai-interpretation-box{margin-top:35px;background-color:#fcfcfc;border:2px solid #2980b9;border-radius:15px;padding:30px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);white-space:pre-wrap;color:#333333;}
.interpretation-title{color:#2980b9;border-bottom:3px solid #2980b9;font-weight:800;padding-bottom:10px;margin-top:0;margin-bottom:15px;font-size:1.6em;}
.limit-message{color:#e74c3c;font-weight:bold;padding:10px 0;text-align:center;font-size:1.1em;}
.share-buttons-container{margin-top:30px;padding-top:20px;border-top:1px dashed #cccccc;text-align:center;}
.share-title{color:#2980b9;font-weight:700;font-size:1.4em;margin-bottom:15px;}
.share-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.share-btn{min-width:150px;}
.share-btn i{}
.whatsapp-btn{background-color:#25D366;box-shadow:0 4px #1a9e4d;}
.whatsapp-btn:hover{background-color:#128C7E;transform:translateY(-2px);box-shadow:0 6px #1a9e4d;}
.facebook-btn{background-color:#1877F2;box-shadow:0 4px #1256b3;}
.facebook-btn:hover{background-color:#4267B2;transform:translateY(-2px);box-shadow:0 6px #1256b3;}
.messenger-btn{background-color:#0084FF;box-shadow:0 4px #0064c6;}
.messenger-btn:hover{background-color:#00C6FF;transform:translateY(-2px);box-shadow:0 6px #0064c6;}
.faq-main-title{color:#2980b9;font-size:2.2em;font-weight:800;border-bottom:4px solid #3498db;margin:50px 0 25px 0;padding-bottom:10px;}
.qa-item{margin-bottom:10px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);overflow:hidden;}
.qa-question-header{background-color:#fcfcfc;padding:18px 25px;font-weight:700;color:#2c3e50;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color 0.2s;}
.qa-question-header:hover{background-color:#f1f1f1;}
.qa-arrow{color:#2980b9;margin-left:10px;transition:transform 0.3s;}
.qa-item.active .qa-arrow{transform:rotate(-180deg);}
.qa-answer-content{padding:15px 25px;background-color:#ffffff;color:#555;border-left:5px solid #3498db;}
.advertisement{margin:35px 0;text-align:center;border:1px dashed #cccccc;padding:15px;border-radius:15px;}
.entry-meta-info{font-size:15px;color:#555555;padding:15px 25px;margin-bottom:40px;background-color:#fcfcfc;border-radius:12px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);border-right:5px solid #3498db;display:flex;flex-wrap:wrap;gap:25px;align-items:center;}
.entry-meta-info i{color:#3498db;margin-left:8px;font-size:17px;}
.entry-meta-info a.author-link{color:#2c3e50;text-decoration:none;font-weight:700;transition:color 0.3s;}
.entry-meta-info a.author-link:hover{color:#2980b9;}
.post-date-updated{font-weight:600;color:#e74c3c;}
.post-date-updated i{color:#e74c3c;}
@media(max-width:768px){
.entry-meta-info {
padding: 10px 15px;
gap: 15px;
font-size: 13px;
border-radius: 10px;
border-right: none;
border-bottom: 3px solid #3498db;
}
.entry-meta-info i {
font-size: 15px;
margin-left: 5px;
}
}