/*
Theme Name: Alkomy Services (الكومى للخدمات العامة) — Ultra Studio
Theme URI: https://alkomy-services.com/
Author: seokasho
Description: قالب ووردبريس مستقل (لا يحتاج Elementor أو Astra) منسوخ من موقع مكتب الكومى للخدمات العامة. لوحة إدارة عربية مدمجة لجميع الصفحات والأقسام والصور مع معاينة ومسودات ونشر ونسخ احتياطية.
Version: 2.3.1
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alkomy
Tags: rtl-language-support, arabic, custom-logo
*/

/* ===== Overrides so the copied Elementor/Astra CSS works without the plugins ===== */
html { scroll-behavior: smooth; }
body { font-family: 'Almarai', Arial, sans-serif; }
.elementor-invisible { visibility: visible !important; }
.elementor-nav-menu--main .menu-item-has-children { position: relative; }
.elementor-nav-menu--main .sub-menu { display: none; position: absolute; top: 100%; right: 0; min-width: 15em; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.14); z-index: 999; list-style: none; margin: 0; padding: 6px 0; }
.elementor-nav-menu--main li:hover > .sub-menu, .elementor-nav-menu--main li:focus-within > .sub-menu { display: block !important; }
.elementor-nav-menu--main .sub-menu a { display: block; padding: 10px 16px; }
.elementor-nav-menu--dropdown .sub-menu { display: block !important; position: static !important; list-style: none; padding-right: 16px; }
.dropdown-menu-toggle { display: none; }
.alk-plain { max-width: 900px; margin: 0 auto; padding: 40px 20px; }

/* ===== Replacement for Smart Slider (matches the original: crossfade text 1.2s, column-tile background transition, autoplay 6s) ===== */
.alk-wrap { width: 100%; }
.alk-slider { position: relative; width: 100%; aspect-ratio: 5 / 2; min-height: 400px; overflow: hidden; background: #333; font-family: 'Almarai', Arial, sans-serif; direction: rtl; touch-action: pan-y; }
.alk-bgs { position: absolute; inset: 0; overflow: hidden; }
.alk-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.alk-bg.is-active { opacity: 1; }
.alk-fade .alk-bg { transition: opacity 1.2s cubic-bezier(.25,.46,.45,.94); }
.alk-tiles { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.alk-tile { position: absolute; top: 0; bottom: 0; overflow: hidden; will-change: transform, opacity; }
.alk-tile img { position: absolute; top: 0; height: 100%; max-width: none; object-fit: cover; }
.alk-overlay { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(270deg,rgba(15,17,21,.9) 0%,rgba(15,17,21,.65) 45%,rgba(15,17,21,.25) 100%); }
.alk-layer { position: absolute; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; padding: 0 100px; opacity: 0; pointer-events: none; transition: opacity 1.2s cubic-bezier(.25,.46,.45,.94); }
.alk-layer.is-active { opacity: 1; pointer-events: auto; }
.alk-text { width: 100%; max-width: 550px; text-align: right; }
.alk-text h2 { display: inline-block; margin: 0; color: #fff; font-family: inherit; font-size: 40px; line-height: 1.5; font-weight: 600; }
.alk-text p { margin: 0; padding-top: 20px; color: #fff; font-family: inherit; font-size: 24px; line-height: 1.8; font-weight: 400; text-align: right; }
.alk-text p.alk-p23 { font-size: 23px; }
.alk-arrow { position: absolute; top: 50%; margin-top: -16px; z-index: 6; width: 32px; height: 32px; padding: 0; border: 0; background: none; cursor: pointer; line-height: 0; }
.alk-arrow img { display: block; width: 32px; height: 32px; }
.alk-arrow .alk-a-h { display: none; }
.alk-arrow:hover .alk-a-h, .alk-arrow:focus .alk-a-h { display: block; }
.alk-arrow:hover .alk-a-n, .alk-arrow:focus .alk-a-n { display: none; }
.alk-prev { left: 15px; } .alk-next { right: 15px; }
.alk-dots { position: absolute; left: 0; right: 0; bottom: 16px; z-index: 6; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.alk-dots button { pointer-events: auto; width: 10px; height: 10px; margin: 0 8px; padding: 0; border: 0; border-radius: 50px; background: rgba(255,255,255,.5); cursor: pointer; transition: background-color .4s; }
.alk-dots button:hover, .alk-dots button.is-active { background: rgba(255,255,255,.8); }
.alk-shadow { display: block; width: 100%; height: auto; max-width: none; }
@media (max-width: 1199px) {
  .alk-layer { padding: 40px 30px 0; }
  .alk-text h2 { font-size: 24px; }
  .alk-text p { font-size: 14.4px; }
  .alk-text p.alk-p23 { font-size: 14.95px; }
  .alk-arrow { display: none; }
}


/* ===== قسم المحتوى التعريفي أسفل الرئيسية (قبل نطاق عملنا) ===== */
.alk-seo { background: #fff; padding: 56px 20px; font-family: 'Almarai', Arial, sans-serif; direction: rtl; }
.alk-seo-inner { max-width: 900px; margin: 0 auto; color: #333; line-height: 2; font-size: 17px; text-align: right; }
.alk-seo h2 { font-size: 30px; line-height: 1.6; margin: 0 0 16px; color: #7d5c12; }
.alk-seo h3 { font-size: 21px; line-height: 1.7; margin: 28px 0 8px; color: #7d5c12; }
.alk-seo p { margin: 0 0 14px; }
.alk-seo a { color: #7d5c12; font-weight: 700; text-decoration: underline; }
.alk-seo ol { margin: 0 0 14px; padding-right: 24px; }
.alk-seo li { margin-bottom: 6px; }
.alk-seo .alk-seo-note { font-size: 15px; color: #555; border-right: 4px solid #7d5c12; padding-right: 14px; margin-top: 24px; }
@media (max-width: 767px) { .alk-seo { padding: 36px 16px; } .alk-seo h2 { font-size: 24px; } .alk-seo-inner { font-size: 16px; } }


/* Global visual styles use the design system in assets/css/refined-palette.css. */