/*
Theme Name: STUDY WAFDDEN
Theme URI: https://abozaid.tech/study-wafdden
Author: Mohamed Abozaid
Author URI: https://abozaid.tech/
Description: قالب ووردبريس احترافي ومتطور مصمم خصيصاً لخدمات "الدراسة في مصر" (وافدين). يتميز بدعم كامل لنظام FSE وتحرير الموقع الشامل، مع أدلة شاملة للجامعات، قوائم البرامج، وتصميم متجاوب بالكامل للجوال. مبني باستخدام مكونات ووردبريس الأصلية ومعزز بأنماط (Block Patterns) متقدمة لتخطيطات عصرية.
Tags: education, university, study-abroad, full-site-editing, block-patterns, rtl-language-support, one-column, custom-colors, custom-menu, featured-images, translation-ready
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.5
Text Domain: study-wafdden

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* 
   CSS has been split into assets/css/ modules:
   - variables.css
   - reset.css
   - global.css
   - header.css
   - footer.css
   - blocks.css
*/


.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   border-radius: 10px !important;

}

.wp-block-navigation .wp-block-navigation__submenu-container {
   background: #ffffff !important;
   border-radius: 16px !important;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
   border: none !important;
   padding: 13px !important;
   min-width: 240px !important;
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px) scale(0.98);
   transform-origin: top center;
   transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
   display: block !important;
   margin-top: 10px !important;
}

.wp-block-navigation .wp-block-navigation-item:hover>.wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation-item:focus-within>.wp-block-navigation__submenu-container {
   opacity: 1;
   visibility: visible;
   transform: translateY(0) scale(1);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
   margin: 2px 0 !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
   padding: 12px 20px !important;
   color: #4b5563 !important;
   font-size: 12px !important;
   font-weight: 500 !important;
   display: flex !important;
   align-items: center;
   transition: all 0.2s ease !important;
   border-radius: 10px !important;
   background: transparent;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:focus {
   background: #F9FAFB !important;
   color: var(--wp--custom--color--primary) !important;
   transform: translateX(-5px);
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
   transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.wp-block-navigation .wp-block-navigation-item:hover>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
   transform: rotate(180deg);
}

/* =========================================
   Custom Header & Component Styles
   Moved from theme.json for reliability
   ========================================= */


a,
button,
.wp-block-button__link {
   transition: all 0.3s ease-in-out !important;
}

@media (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }

   *,
   *::before,
   *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
   }
}

.page-header-title {
   text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
   letter-spacing: -0.5px;
}



.breadcrumb-item,
.breadcrumb-current,
.breadcrumb-separator {
   display: inline-block;
   margin: 0 !important;
}

.breadcrumb-item a {
   color: rgba(255, 255, 255, 0.9);
   text-decoration: none;
   transition: all 0.3s ease;
   position: relative;
   padding-bottom: 2px;
}

.breadcrumb-current {
   color: rgba(255, 255, 255, 1) !important;
   font-weight: 600;
}

/* Marquee Animation */
@keyframes marquee-scroll {
   0% {
      transform: translateX(0);
   }

   100% {
      transform: translateX(100%);
   }
}

.site-marquee-wrapper {
   overflow: hidden;
}

.marquee-container {
   display: flex;
   width: 100%;
   overflow: hidden;
}

.marquee-content {
   display: flex;
   gap: 3rem;
   padding: 10px 0;
   animation: marquee-scroll 25s linear infinite;
   flex-shrink: 0;
}

.marquee-item {
   font-size: 0.875rem;
   font-weight: 500;
   white-space: nowrap;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}



/* Responsive Breakpoints */
@media (max-width: 1024px) {
   .header-cta-desktop {
      display: none !important;
   }

   .site-header {
      padding-top: var(--wp--preset--spacing--30) !important;
      padding-bottom: var(--wp--preset--spacing--30) !important;
   }

   .marquee-content {
      gap: 2rem;
   }

   .marquee-item {
      font-size: 0.8rem;
   }

   .site-header {
      padding-left: var(--wp--preset--spacing--30) !important;
      padding-right: var(--wp--preset--spacing--30) !important;
   }
}

@media (min-width: 1025px) {
   .header-cta-desktop {
      display: flex !important;
   }
}

.wp-block-site-logo a {
   transition: opacity 0.3s ease;
}

.wp-block-site-logo a:hover {
   opacity: 0.85;
}

is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
   max-width: 100% !important;
}

/* ==========================================
   GLOBAL TABLE STYLES
   Modern, Responsive, Theme-Aligned
   ========================================== */

/* Wrapper for responsiveness */
.wp-block-table {
   margin-bottom: 2rem;
   overflow-x: auto;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

table {
   width: 100%;
   border-collapse: collapse;
   font-size: 0.95rem;
   background: #fff;
   border-radius: 8px;
   overflow: hidden;
   /* For border-radius */
   margin-bottom: 0;
}

/* Header */
thead th {
   background-color: var(--wp--preset--color--primary, #b71c1c);
   color: #ffffff;
   padding: 1rem;
   text-align: right;
   /* RTL */
   font-weight: 700;
   white-space: nowrap;
   border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

/* Body Cells */
tbody td {
   padding: 0.875rem 1rem;
   color: #333;
   border-bottom: 1px solid #eee;
   vertical-align: middle;
}

/* Striping */
tbody tr:nth-child(even) {
   background-color: #f9fafb;
}

/* Hover Effect */
tbody tr:hover {
   background-color: rgba(183, 28, 28, 0.05);
   transition: background-color 0.2s ease;
}

/* Caption */
figcaption {
   text-align: center;
   font-weight: 600;
   color: #555;
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
}

/* Mobile Tweak (ensure scroll for all tables) */
@media (max-width: 768px) {

   /* Force table to be block and scrollable if wrapper is missing */
   table {
      display: block;
      width: 100%;
      overflow-x: auto;
      white-space: nowrap;
      /* Prevent messy wrapping */
   }
}

/* ==========================================
   Internal Link Styling
   Distinct Red Color to Avoid Spam Appearance
   ========================================== */
.entry-content a:not(.wp-block-button__link):not(.button),
.post-content a:not(.wp-block-button__link):not(.button) {
   color: var(--wp--preset--color--primary, #b50000);
   text-decoration: underline;
   text-decoration-color: rgba(181, 0, 0, 0.3);
   text-underline-offset: 2px;
   font-weight: 600;
   transition: all 0.2s ease;
}

.entry-content a:not(.wp-block-button__link):not(.button):hover,
.post-content a:not(.wp-block-button__link):not(.button):hover {
   color: #960000;
   text-decoration-color: #960000;
   background-color: rgba(181, 0, 0, 0.05);
   border-radius: 4px;
   padding: 10px;
}