/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}
.clearfix::after{display:table;clear:both;content:"";}.nowrap{white-space:nowrap;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:16px;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.ajax-progress{display:inline-block;padding:1px 5px 2px 5px;}[dir="rtl"] .ajax-progress{float:right;}.ajax-progress-throbber .throbber{display:inline;padding:1px 5px 2px;background:transparent url(/core/misc/throbber-active.svg) no-repeat 0 center;}.ajax-progress-throbber .message{display:inline;padding:1px 5px 2px;}tr .ajax-progress-throbber .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.ajax-progress-fullscreen{position:fixed;z-index:1000;top:48.5%;left:49%;width:24px;height:24px;padding:4px;opacity:0.9;border-radius:7px;background-color:#232323;background-image:url(/core/misc/loading-small.svg);background-repeat:no-repeat;background-position:center center;}[dir="rtl"] .ajax-progress-fullscreen{right:49%;left:auto;}
.content-management-wrapper{max-width:1200px;margin:0 auto;padding:20px;}.card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:box-shadow 0.3s ease;}.card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);}.card-img{position:relative;overflow:hidden;}.card-img img{width:100%;height:auto;transition:transform 0.3s ease;}.card:hover .card-img img{transform:scale(1.05);}.card-title{font-size:1.25rem;font-weight:600;margin:15px 0 10px;}.card-title a{color:#333;text-decoration:none;}.card-title a:hover{color:black;}.card-text{color:var(--gray-700);line-height:1.5;}.search-input{position:relative;margin-bottom:20px;}.search-text-input{padding:10px 0;border:1px solid #ddd;border-radius:4px;width:100%;}.form-select{padding:10px 15px;border:1px solid #ddd;border-radius:4px;background-color:white;}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color 0.3s ease;}.btn-success{background-color:#28a745;color:white;}.btn-success:hover{background-color:#218838;}.btn-outline-secondary{background-color:transparent;border:1px solid #6c757d;}.tag-link{text-decoration:none;color:inherit;display:block;transition:all 0.3s ease;}.tag-link:hover{text-decoration:none;color:inherit;transform:translateY(-1px);}.tag-card:hover{box-shadow:0 2px 4px rgba(0,0,0,0.1);}.btn-outline-secondary{color:#6c757d;}.btn-outline-secondary:hover{background-color:#6c757d;color:white;}.search-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;}.tag-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-size:0.875rem;}.tag-text{margin:0;color:#6c757d;}.blue-card{background-color:#e3f2fd;}.admin-actions{border-top:1px solid #dee2e6;padding-top:15px;margin-top:15px;}.admin-actions .btn{font-size:0.875rem;padding:6px 12px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all 0.3s ease;}.admin-actions .btn-outline-primary{color:#007bff;border:1px solid #007bff;background-color:transparent;}.admin-actions .btn-outline-primary:hover{color:white;background-color:#007bff;border-color:#007bff;}.admin-actions .btn-outline-danger{color:#dc3545;border:1px solid #dc3545;background-color:transparent;}.admin-actions .btn-outline-danger:hover{color:white;background-color:#dc3545;border-color:#dc3545;}.admin-actions .btn i{font-size:0.75rem;}.blue-card .tag-text{color:#1976d2;}@media (max-width:768px){.content-management-wrapper{padding:10px;}.card-title{font-size:1.1rem;}.search-tags{gap:6px;}.tag-card{font-size:0.8rem;padding:3px 6px;}}
.shaqraa-language-switcher{position:relative;display:inline-block;}.shaqraa-language-switcher .language-switcher-toggle{background-color:transparent !important;border:none !important;}.language-switcher-dropdown .language-switcher-toggle{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;}.language-switcher-dropdown .language-switcher-toggle:hover{opacity:0.7;}.language-switcher-dropdown .language-switcher-toggle:focus{outline:none;opacity:0.7;}.language-switcher-dropdown .language-switcher-toggle img{width:24px;height:24px;display:block;object-fit:contain;}.language-switcher-dropdown .dropdown-menu.language-links{min-width:120px;padding:8px 0;margin-top:4px;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;}.language-switcher-dropdown .language-link{display:block;padding:8px 16px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:background-color 0.2s ease;}.language-switcher-dropdown .language-link:hover{background-color:#f8f9fa;color:#333;text-decoration:none;}.language-switcher-dropdown .language-link.active{background-color:#1b8354 !important;color:#ffffff;}.language-switcher-dropdown .language-name{display:block;}[dir="rtl"] .language-switcher-dropdown .dropdown-menu.language-links{text-align:right;}.lang-rtl .language-switcher-dropdown .dropdown-menu.language-links{text-align:right;}.lang-ltr .language-switcher-dropdown .dropdown-menu.language-links{text-align:left;}.lang-rtl .language-switcher-dropdown .language-link{text-align:right;}.lang-ltr .language-switcher-dropdown .language-link{text-align:left;}@media (max-width:768px){.language-switcher-dropdown .language-switcher-toggle{padding:6px;}.language-switcher-dropdown .language-switcher-toggle img{width:20px;height:20px;}.language-switcher-dropdown .dropdown-menu.language-links{min-width:100px;}.language-switcher-dropdown .language-link{padding:6px 12px;font-size:13px;}}.language-links{inset:unset !important;bottom:-98px !important;left:50% !important;transform:translateX(-50%) !important;}
.social-media-links{margin:1rem 0;}.social-media-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0.75rem;}.social-media-item{margin:0;}.social-media-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease;font-weight:500;}.social-media-link:hover{text-decoration:none;}.social-media-link:focus{outline:2px solid #007bff;outline-offset:2px;}.social-media-align-left .social-media-list{justify-content:flex-start;}.social-media-align-center .social-media-list{justify-content:center;}.social-media-align-right .social-media-list{justify-content:flex-end;}.social-media-small .social-media-icon svg{width:16px !important;height:16px !important;}.social-media-medium .social-media-icon svg{width:24px !important;height:24px !important;}.social-media-large .social-media-icon svg{width:32px !important;height:32px !important;}.social-media-extra_large .social-media-icon svg{width:48px !important;height:48px !important;}.social-media-icon-link{padding:0.75rem;background-color:transparent;border:none;color:#6c757d;border-radius:50%;min-width:48px;min-height:48px;}.social-media-icon-link:hover{color:#495057;transform:scale(1.1);}.social-media-text-link{padding:0.5rem 1rem;background-color:#6c757d;color:white !important;border-radius:25px;font-size:0.9rem;border:none;min-height:40px;}.social-media-text-link:hover{background-color:#495057;color:white !important;transform:translateY(-2px);}.social-media-both-link{padding:0.5rem 1rem;background-color:transparent;border:2px solid #dee2e6;color:#495057;gap:0.5rem;border-radius:25px;min-height:40px;}.social-media-both-link:hover{border-color:#6c757d;color:#495057;transform:translateY(-2px);}.social-media-label{font-size:0.9rem;margin-left:0.5rem;}.social-media-youtube .social-media-icon-link:hover{color:#ff0000 !important;}.social-media-twitter .social-media-icon-link:hover{color:#1da1f2 !important;}.social-media-linkedin .social-media-icon-link:hover{color:#0077b5 !important;}.social-media-youtube .social-media-both-link:hover{border-color:#ff0000;color:#ff0000;}.social-media-twitter .social-media-both-link:hover{border-color:#1da1f2;color:#1da1f2;}.social-media-linkedin .social-media-both-link:hover{border-color:#0077b5;color:#0077b5;}.social-media-youtube .social-media-text-link{background-color:#ff0000 !important;}.social-media-twitter .social-media-text-link{background-color:#1da1f2 !important;}.social-media-linkedin .social-media-text-link{background-color:#0077b5 !important;}.social-media-youtube .social-media-text-link:hover{background-color:#cc0000 !important;}.social-media-twitter .social-media-text-link:hover{background-color:#0d8bd9 !important;}.social-media-linkedin .social-media-text-link:hover{background-color:#005885 !important;}.social-media-icon{display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.social-media-icon svg{display:block;transition:all 0.3s ease;fill:currentColor;}.social-media-link:focus-visible{outline:3px solid #007bff;outline-offset:2px;}@media (max-width:768px){.social-media-links{margin:0.5rem 0;}.social-media-list{gap:0.5rem;}.social-media-text .social-media-list{flex-direction:column;}.social-media-text-link{text-align:center;justify-content:center;}}@media (max-width:480px){.social-media-list{gap:0.25rem;}.social-media-both-link,.social-media-text-link{padding:0.375rem 0.75rem;font-size:0.85rem;}}@media (prefers-color-scheme:dark){.social-media-icon-link{color:#adb5bd;}.social-media-icon-link:hover{color:#f8f9fa;}.social-media-both-link{border-color:#495057;color:#f8f9fa;}.social-media-both-link:hover{border-color:#adb5bd;}.social-media-text-link{background-color:#495057 !important;}.social-media-text-link:hover{background-color:#343a40 !important;}}@media print{.social-media-links{display:none;}}

.rating-container.d-none{display:none !important;}.rating-stats{background:var();padding:10px 15px;margin-bottom:15px;border-radius:4px;}.rating-stats p{margin:5px 0;font-size:0.9em;}.rating-stats strong{color:var(--gray-500);;}.rating-message{padding:12px 15px;border-radius:6px;margin-bottom:15px;animation:slideInFromTop 0.5s ease-out;font-weight:500;}.rating-already-voted{background:#d4edda;border:1px solid #c3e6cb;color:#155724;}.rating-stars-display{text-align:center;margin-bottom:15px;}.stars-container{display:inline-block;margin-bottom:10px;}.star{font-size:1.5em;color:#ffc107;margin:0 2px;}.star-empty{color:#e9ecef;}.rating-summary{font-size:0.9em;color:#6c757d;}.star-rating-text{font-weight:500;}.rating-debug-info{background:#f0f0f0;padding:8px;margin:8px 0;font-size:12px;border-left:3px solid #007cba;}.rating-debug-info strong{color:#007cba;}.ajax-progress{display:inline-block;padding:1px 13px 1px 0;}.ajax-progress .throbber{display:inline-block;width:15px;height:15px;margin:1px;border:2px solid transparent;border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite;}@keyframes spin{to{transform:rotate(360deg);}}.rating-form-updating{opacity:0.7;pointer-events:none;position:relative;}.rating-form-updating::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #28a745;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:10;}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.footer-form{animation:fadeInUp 0.3s ease-out;}.footer-form .form-check-input:checked + label{background-color:#1b8354;color:#ffffff;border-radius:4px;padding:2px 8px;}.footer-form .gender-options label{margin:0 10px;cursor:pointer;transition:all 0.2s ease;}.footer-form .gender-options label:hover{background-color:transparent;}.footer-form .gender-options label.selected{background-color:transparent;}.footer-form textarea.focused{border-color:#2196f3;box-shadow:0 0 0 0.2rem rgba(33,150,243,0.25);}.validation-errors{animation:fadeInUp 0.3s ease-out;}.validation-errors ul{padding-left:1.5rem;}.validation-errors li{margin:0.25rem 0;}.footer-form .form-heading span{color:var(--gray-500);}.page-opinion .gender-options input[type="radio"]{width:24px;height:24px;cursor:pointer;}.gender-selection{margin-top:32px;}.footer-form .form-check-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;border:1px solid var(--gray-500);background-color:var(--white);;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;flex-shrink:0;margin-top:0;}.footer-form .form-check-input[type="radio"]{border-radius:50%;}.footer-form .form-check-input:checked[type="checkbox"]{border-color:#1b8354;background-color:#1b8354;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");}.footer-form .form-check-input:checked[type="radio"]{border-color:#1b8354;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%231b8354' cx='10' cy='10' r='6'/%3E%3C/svg%3E");}