/* DIYAR Elementor integration. Every generated section remains editable as a widget. */
.elementor-page .site-main { overflow: hidden; }
.elementor-section.diyar-elementor-shell,
.elementor-section.diyar-elementor-shell > .elementor-container,
.elementor-section.diyar-elementor-shell > .elementor-container > .elementor-column,
.elementor-section.diyar-elementor-shell .elementor-widget-wrap { width: 100%; max-width: none; }
.elementor-section.diyar-elementor-shell .elementor-widget-wrap,
.elementor-section.diyar-elementor-shell .elementor-widget-container { padding: 0; margin: 0; }
.elementor-widget-diyar_hero,
.elementor-widget-diyar_cards,
.elementor-widget-diyar_content,
.elementor-widget-diyar_page_hero,
.elementor-widget-diyar_contact { width: 100%; }
.diyar-el-section { padding-block: clamp(72px,8vw,118px); }

.diyar-el-cards { position: relative; background: #fff; }
.diyar-el-cards:nth-child(even) { background: var(--diyar-soft); }
.diyar-el-cards__grid { display: grid; gap: 24px; }
.diyar-el-columns-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.diyar-el-columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.diyar-el-columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.diyar-el-card { position: relative; min-width: 0; display: flex; flex-direction: column; overflow: hidden; color: var(--diyar-text); background: #fff; border: 1px solid var(--diyar-border); border-radius: var(--diyar-radius); box-shadow: var(--diyar-shadow-soft); transition: transform .25s ease, box-shadow .25s ease; }
a.diyar-el-card:hover { color: var(--diyar-text); transform: translateY(-7px); box-shadow: var(--diyar-shadow); }
.diyar-el-card__media { height: 205px; display: block; overflow: hidden; background: var(--diyar-light); }
.diyar-el-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
a.diyar-el-card:hover .diyar-el-card__media img { transform: scale(1.045); }
.diyar-el-card__icon { width: 54px; height: 54px; display: grid; place-items: center; margin: 26px 26px 14px; color: var(--diyar-primary); background: var(--diyar-light); border-radius: 14px; }
.diyar-el-card__number { margin: 24px 26px 0; color: var(--diyar-primary); font-family: "Montserrat",sans-serif; font-size: 2.1rem; line-height: 1; }
.diyar-el-card h3 { margin: 20px 26px 10px; color: var(--diyar-dark); }
.diyar-el-card__media + h3 { margin-top: 24px; }
.diyar-el-card__icon + h3,
.diyar-el-card__number + h3 { margin-top: 5px; }
.diyar-el-card p { margin: 0 26px 24px; color: var(--diyar-muted); line-height: 1.8; }
.diyar-el-card .text-link { margin: auto 26px 25px; }

.diyar-el-cards--stat { padding-block: 0; background: transparent; }
.diyar-el-cards--stat .section-heading { display: none; }
.diyar-el-cards--stat .diyar-el-cards__grid { gap: 0; overflow: hidden; color: #fff; background: linear-gradient(110deg,var(--diyar-primary),#0f3f91); border-radius: 0 0 18px 18px; box-shadow: var(--diyar-shadow); }
.diyar-el-cards--stat .diyar-el-card { min-height: 124px; align-items: center; justify-content: center; padding: 20px; color: #fff; background: transparent; border: 0; border-inline-start: 1px solid rgba(255,255,255,.18); border-radius: 0; box-shadow: none; text-align: center; }
.diyar-el-cards--stat .diyar-el-card__icon { margin: 0 0 10px; color: #fff; background: rgba(255,255,255,.12); }
.diyar-el-cards--stat .diyar-el-card__number { margin: 0; color: #fff; font-size: 1.85rem; }
.diyar-el-cards--stat .diyar-el-card h3 { margin: 4px 0 0; color: #fff; font-size: .9rem; }

.diyar-el-cards--project .diyar-el-card__media { height: 270px; }
.diyar-el-cards--project .diyar-el-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 45%,rgba(8,24,49,.9)); }
.diyar-el-cards--project .diyar-el-card h3,
.diyar-el-cards--project .diyar-el-card p,
.diyar-el-cards--project .diyar-el-card .text-link { position: relative; z-index: 2; }
.diyar-el-cards--project .diyar-el-card h3 { color: var(--diyar-dark); }

.diyar-el-cards--client .diyar-el-card { min-height: 135px; align-items: center; justify-content: center; padding: 22px; box-shadow: none; }
.diyar-el-cards--client .diyar-el-card__media { width: 100%; height: 82px; background: transparent; }
.diyar-el-cards--client .diyar-el-card__media img { object-fit: contain; filter: grayscale(1); }
.diyar-el-cards--client .diyar-el-card h3 { margin: 8px 0; text-align: center; }

.diyar-el-cards--process { color: #fff; background: linear-gradient(120deg,var(--diyar-dark),#153c78); }
.diyar-el-cards--process .section-heading h2,
.diyar-el-cards--process .section-heading p { color: #fff; }
.diyar-el-cards--process .eyebrow { color: #b9d5ff; }
.diyar-el-cards--process .diyar-el-card { color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14); box-shadow: none; }
.diyar-el-cards--process .diyar-el-card h3 { color: #fff; }
.diyar-el-cards--process .diyar-el-card p { color: #d2def0; }
.diyar-el-cards--process .diyar-el-card__number { color: #75aaf3; }

.diyar-el-content { background: var(--diyar-soft); }
.diyar-el-content__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(42px,7vw,95px); }
.diyar-el-content--image-right .diyar-el-content__media { order: 2; }
.diyar-el-content__media { position: relative; min-height: 480px; }
.diyar-el-content__media::before { content:""; position:absolute; width:74%; height:75%; inset:8% auto auto 4%; background:var(--diyar-primary); clip-path:polygon(13% 0,100% 0,87% 100%,0 100%); opacity:.16; }
.diyar-el-content__media img { position:absolute; width:88%; height:88%; inset:auto 0 0 auto; object-fit:cover; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); box-shadow:var(--diyar-shadow); }
.diyar-el-content__copy h2 { margin-bottom:22px; }
.diyar-el-content__body { color:var(--diyar-muted); font-size:1.04rem; }
.diyar-el-content__body p { margin-bottom:1.2em; }
.diyar-el-content__copy .button { margin-top:16px; }

.diyar-elementor-page-hero { min-height:420px; display:flex; align-items:flex-end; padding-block:145px 68px; color:#fff; background-position:center; background-size:cover; }
.diyar-elementor-page-hero h1 { margin:0; color:#fff; font-size:clamp(2.5rem,5vw,4.8rem); }
.diyar-elementor-page-hero p { max-width:760px; margin:16px 0 0; color:#dbe8f8; font-size:1.08rem; }

.diyar-el-contact { color:#fff; background:linear-gradient(130deg,var(--diyar-dark),#0e3470); }
.diyar-el-contact .contact-panel { background:transparent; }
.diyar-el-contact .contact-panel h2 { color:#fff; }
.diyar-el-contact .contact-panel > p { color:#c5d5eb; }
.diyar-el-contact__form { padding:32px; color:var(--diyar-text); background:#fff; border-radius:var(--diyar-radius); box-shadow:var(--diyar-shadow); }

@media (max-width:920px) {
  .diyar-el-columns-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .diyar-el-content__grid { grid-template-columns:1fr; }
  .diyar-el-content--image-right .diyar-el-content__media { order:0; }
  .diyar-el-content__media { min-height:430px; }
  .diyar-elementor-page-hero { min-height:350px; padding-block:100px 55px; }
}

@media (max-width:660px) {
  .diyar-el-columns-2,.diyar-el-columns-3,.diyar-el-columns-4 { grid-template-columns:1fr; }
  .diyar-el-cards--stat .diyar-el-cards__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .diyar-el-content__media { min-height:340px; }
  .diyar-el-contact__form { padding:22px 17px; }
}
