@charset "utf-8";
/* CSS Document */

/*----*****---- << Color >> ----*****----*/

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a,
#logo h2 a span,
.widget ul li a:hover,
.widget.tweetbox ul.tweet_list li a,
#secondary .widget h3.widgettitle:hover a:before,
#secondary ul.product_list_widget li .amount,
#secondary .widget.woocommerce h3.widgettitle:hover a,
#main-menu ul ul li a:hover,
#main-menu ul ul li.current_page_item a,
#main-menu ul ul li.current_page_item ul li.current_page_item a,
#main-menu ul ul li.current_page_item ul li a:hover,
.ico-content.type1:hover h5 a,
.ico-content.type2:hover h5 a,
.ico-content.type2:hover .icon,
.product .summary .price,
.side-nav-container ul li a:hover,
.side-nav-container ul li.current_page_item a,
.portfolio.one-column:hover .portfolio-detail h5 a:hover,
.portfolio.one-column-with-sidebar .portfolio-detail h5 a:hover,
.entry-metadata div,
ul.commentlist li .author-name a:hover,
.error-info h2 span.error,
#footer h1 a:hover,
#footer h2 a:hover,
#footer h3 a:hover,
#footer h4 a:hover,
#footer h5 a:hover,
#footer h6 a:hover,
#footer .tweets a:hover,
h5.toggle:hover,
h5.toggle a:hover,
h5.toggle-accordion:hover,
h5.toggle-accordion a:hover,
.toggle-frame h5.toggle-accordion a:hover,
.toggle-frame h5.toggle a:hover,
h5.toggle.active,
h5.toggle.active a,
h5.toggle-accordion.active a,
h5.toggle-accordion.active,
.entry-metadata a:hover,
.entry-body .read-more:hover,
.entry-body .read-more:hover span,
.pr-tb-col.selected .tb-title h5 {
    color: #6392FA;
}

.portfolio:hover .portfolio-detail p {
    color: #93B3FB;
}

/*----*****---- << Background Color >> ----*****----*/

.widget.widget_tag_cloud .tagcloud a:hover,
#secondary .widget h3.widgettitle a:before,
#secondary .widget h3.widgettitle:hover,
#secondary h2.filtering span:before,
#secondary .widget.woocommerce h3.widgettitle:hover a:before,
.intro-text.type1 h4 span.highlight,
.intro-text.type3,
ul.products li .product-overlay a span,
.sorting-container a:hover,
.sorting-container a.active-sort,
.portfolio .image-overlay a span,
.pagination ul li.active-page,
.pagination ul li a:hover,
.pagination .next-post:hover,
.pagination .prev-post:hover,
.blog-entry .entry-thumb-meta .entry-meta,
ul.commentlist li .reply a,
ul.products li .product-thumb .onsale,
.product .images .onsale,
.breadcrumb span,
.carousel-arrows a:hover,
.portfolio:hover .portfolio-detail,
.side-nav-container ul li a:hover span,
.side-nav-container ul li.current_page_item a span,
#footer .widget.widget_tag_cloud .tagcloud a:hover,
.faq h5.toggle-accordion.active:before,
.toggle-frame h5.toggle-accordion.active,
.toggle-frame h5.toggle.active,
.ls-layer .button-text2 a,
.ls-layer .button-text a,
.ls-layer h4 {
    background: #6392FA;
}

input[type=submit],
button,
input[type=button],
.intro-text.type2 a,
.intro-text.type4 a,
.progress-striped .bar,
.pr-tb-col.selected .buy-now a,
.portfolio-description a.button,
ul.products li .details a.button,
.price-range a.button {
    background-color: #6392FA;
}

.tp-caption.slider_button a {
    background-color: #6392FA !important;
}

.ico-content.type1:hover .icon span,
.ico-content.type3:hover .icon span {
    background: #1058F8;
}

.blog-entry .entry-thumb-meta .entry-meta,
ul.products li .product-thumb .onsale,
.product .images .onsale {
    background: rgba(16, 88, 248, 0.85);
}

.pr-tb-col.selected {
    border-color: #1058F8;
}

.pr-tb-col.selected .tb-header .price {
    background: #1058F8;
}

/*----*****---- << Border >> ----*****----*/

.partner-carousel li:hover {
    border: 10px solid #1058F8;
}

.border-title h1,
.border-title h2,
.border-title h3,
.border-title h4,
#main-menu>ul>li:hover,
#main-menu>ul>li.current_page_item,
#main-menu>ul>li.current_page_item.hasSubmenu:hover {
    border-bottom: 5px solid #6392FA;
}

.border-title h1 span,
.border-title h2 span,
.border-title h3 span,
.border-title h4 span,
#main-menu>ul>li:hover>ul:before {
    border-bottom: 6px solid #6392FA;
}

ul.tabs-frame li a.current {
    border-top: 3px solid #6392FA;
}

#secondary .widget h3.widgettitle:hover,
.portfolio.one-column:hover .portfolio-thumb,
.portfolio.one-column-with-sidebar:hover .portfolio-thumb {
    border-bottom: 3px solid #6392FA;
}

#main-menu ul li ul {
    border-top: 5px solid #6392FA;
}

#main-menu ul ul ul {
    border-left: 5px solid #6392FA;
    border-top: 0px;
}

#main-menu ul ul li:hover ul:before {
    border-right: 6px solid #6392FA;
}

.intro-text.type4,
ul.tabs-vertical-frame li a.current {
    border-left: 3px solid #6392FA;
}

.sorting-container a:hover,
.sorting-container a.active-sort,
.pagination ul li.active-page,
.pagination ul li a:hover,
.pagination .next-post:hover,
.pagination .prev-post:hover,
.widget.widget_tag_cloud .tagcloud a:hover {
    border-bottom: 2px solid #6392FA;
}

.side-nav-container ul li a:hover,
.side-nav-container ul li.current_page_item a {
    border-right: 4px solid #6392FA;
}

.portfolio:hover,
#footer .widget.widget_tag_cloud .tagcloud a:hover {
    border-bottom-color: #6392FA;
}

ul.commentlist li .comment-author img:hover {
    border: 5px solid #6392FA;
}

.pullquote5 {
    border-left: 3px solid #6392FA;
}

.pullquote6 {
    border-top: 3px solid #6392FA;
}

/*----*****---- << Background image >> ----*****----*/

ul.products li .product-thumb .onsale span,
.product .images .onsale span {
    background: url(images/rounded-bend.png) right no-repeat;
}

.blog-entry .entry-thumb-meta .entry-meta .rounded-bend {
    background: url(images/rounded-bend.png) right no-repeat;
}

.portfolio-slider-container .bx-controls-direction a.bx-prev {
    background: url(images/portfolio-prev-arrow.png) no-repeat;
}

.portfolio-slider-container .bx-controls-direction a.bx-next {
    background: url(images/portfolio-next-arrow.png) no-repeat;
}

.product .images .product-arrows a.prev {
    background: url(images/product-prev-arrow.png) no-repeat;
}

.product .images .product-arrows a.next {
    background: url(images/product-next-arrow.png) no-repeat;
}

/* ===== HAYATAK BRAND LOCK ===== */
:root {
  --hay-blue: #6392FA;
  --hay-blue-soft: #1058F8;
  --hay-blue-light: #93B3FB;
  --hay-navy: #083078;
}

a:hover,
.button:hover,
.read-more1:hover {
  color: var(--hay-navy) !important;
}
/* =========================
   HYATEK Services Cards (Top 4)
   Scope: #primary فقط + hy-card فقط
   ========================= */

#primary .approuch.hy-card{
  position: relative !important;
  background:#fff !important;
  border:1px solid #e6e9ef !important;
  border-radius:14px !important;
  box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
  padding: 110px 22px 28px 22px !important; /* مساحة فوق للأيقونة */
  min-height: 280px;
  text-align:center !important;
  overflow: visible !important;
  transition: all .25s ease;
}

#primary .approuch.hy-card:hover{
  transform: translateY(-6px);
  box-shadow:0 18px 40px rgba(11,31,58,0.18) !important;
}

/* الأيقونة floating */
#primary .approuch.hy-card .hy-icon{
  position: absolute !important;
  top: 26px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 84px !important;
  height: 84px !important;
  background: #f1f3f5 !important;
  border-radius: 18px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
  z-index.html: 3 !important;
}

#primary .approuch.hy-card .hy-icon i{
  font-size:34px !important;
  line-height:1 !important;
  color:#0B1F3A !important;
}

/* حل جذري لمشكلة .approuch a absolute في القالب */
#primary .approuch.hy-card > a{
  position: static !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  background: transparent !important;
  text-decoration: none !important;
  z-index.html: 2 !important;
}

/* العنوان والوصف */
#primary .approuch.hy-card .hy-title{
  margin: 10px 0 10px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #0B1F3A !important;
}

#primary .approuch.hy-card .hy-desc{
  max-width: 260px !important;
  margin: 0 auto !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: #6b7280 !important;
}

#primary .approuch.hy-card .hy-dots{
  margin-top: 18px !important;
}

/* =========================
   HYATEK Cards - Hard Reset (fix overlaps)
   ========================= */

/* تأكيد أن العنوان/الوصف مش absolute أو متحرك */
#primary .approuch.hy-card h3,
#primary .approuch.hy-card p{
  position: static !important;
  float: none !important;
  clear: both !important;
  transform: none !important;
}

/* لو القالب عامل line-height/margin غلط للعناوين داخل approuch */
#primary .approuch.hy-card .hy-title{
  display: block !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-align: center !important;   /* لو عايزة يمين قوليلي */
}

/* مساحة فعلية بين الأيقونة وبداية النص */
#primary .approuch.hy-card{
  padding-top: 135px !important;  /* زودناها لتفادي تداخل العنوان مع الأيقونة */
}

/* امنع أي تأثير من h1/h2/h4 داخل الكارت لو اتطبق بالخطأ */
#primary .approuch.hy-card h1,
#primary .approuch.hy-card h2,
#primary .approuch.hy-card h4,
#primary .approuch.hy-card h5,
#primary .approuch.hy-card h6{
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* مهم: أحيانًا القالب بيخلي اللينك overlay يغطي الكارت كله */
#primary .approuch.hy-card > a:after,
#primary .approuch.hy-card > a:before{
  content: none !important;
}

/* =========================
   FINAL FIX – HYATEK Cards
   ========================= */

/* الكارت نفسه */
#primary .approuch.hy-card{
  padding-top: 150px !important; /* المسافة الحاسمة تحت الأيقونة */
  overflow: visible !important;
}

/* الأيقونة */
#primary .approuch.hy-card .hy-icon{
  top: 32px !important;  /* نزّلناها شوية */
}

/* العنوان */
#primary .approuch.hy-card .hy-title{
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

/* الوصف */
#primary .approuch.hy-card .hy-desc{
  margin-top: 0 !important;
  text-align: center !important;
}

/* تأكيد منع أي تداخل */
#primary .approuch.hy-card *{
  box-sizing: border-box;
}