#gform_submit_button_1,#gform_submit_button_2{ background-color:#A42425; padding:15px 50px; font-size:17px; width:100%; text-align:center; } .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) { font-size: 18px !important; } body { background: #f0eee3 !important; } .elementor-493 .elementor-element.elementor-element-1782bdcc > .elementor-background-overlay { background: #f0eee3 !important; } .elementor-kit-522 { --e-global-color-c45a6b9: #f0eee3 !important; } .elementor-kit-522 { --e-global-color-7d84c5b: black !important; } #gform_submit_button_1, #gform_submit_button_2 { background-color: #58090a; } #gform_wrapper_2[data-form-index="0"].gform-theme, [data-parent-form="2_0"] { --gf-color-primary: #58090a !important; } .elementor-kit-522 { --e-global-color-secondary: #58090a !important; --e-global-color-accent: #58090a !important; } .elementor-493 .elementor-element.elementor-element-1782bdcc:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-1782bdcc > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #f0eee3 !important; } @media (max-width: 767px) { .icon-box-description { text-align: justify; } } /*forms*/ .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) { font-size: 18px !important; color: #fff; } #gform_submit_button_1, #gform_submit_button_2 { background-color: #F0EEE3; color: #58090a; } #field_2_1 > label > span > span{ color:#fff; } #field_2_2 > label > span > span{ color:#fff; } #content > div > div > div.elementor-element.elementor-element-d8d9159.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-f93bf94.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-6089395.elementor-widget.elementor-widget-shortcode > div > div{ color:#fff; } .elementor-1136 .elementor-element.elementor-element-3c8bc14 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button { color: #F0EEE3; text-decoration: none; } .jeg-elementor-kit.jkit-accordion.style-shadow .card-wrapper .card-header .card-header-button { -webkit-box-shadow: -1.216px 6.894px 15px 0 rgba(37, 117, 252, .2); -o-box-shadow: -1.216px 6.894px 15px 0 rgba(37,117,252,.2); box-shadow: -1.216px 6.894px 15px 0 rgb(88 9 10 / 20%);} .jeg-elementor-kit.jkit-accordion .card-expand .card-body{ padding:30px ; } .single-post h1 { font-size: 25px; } .home .Home-none { display: none; } h1.entry-title { display: none !important; } h2.wp-block-heading { font-size: 25px; } ul.hfe-breadcrumbs li:nth-child(3) a { pointer-events: none; } .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-thumb { display: none; margin-bottom: 1.5rem; } .jeg-elementor-kit.jkit-postblock .jkit-post-title { min-height: 70px; } .jkit-postblock-content { background: white; padding: 30px; border-radius: 10px; } @media screen and (max-width:767px){ .single-post main#content { padding: 40px 20px; } } @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; background: white; padding: 20px; border-radius: 20px; } } .post-template-default.single.single-post h1.entry-title { display: block !important; } /* ============================================================ RESTAURANTLY AI — BLOG CARD CSS هوية الموقع: #450C17 | خلفية: #f0eee3 Typography: Cormorant Garamond (titles) + DM Sans (body) Import in : ============================================================ */ :root { --brand: #450C17; --brand-dark: #2e0810; --brand-muted: rgba(69, 12, 23, 0.08); --brand-light: rgba(69, 12, 23, 0.14); --bg: #f0eee3; --card-bg: #faf9f4; --card-border: rgba(69, 12, 23, 0.22); /* ← brand-tinted border */ --card-border-hover: rgba(69, 12, 23, 0.55); /* ← أعمق على الـ hover */ --text-primary: #1a1109; --text-secondary:#6b5f4e; --text-meta: #9e8f7a; --gold-accent: #c9a96e; --white: #ffffff; --radius: 14px; --shadow-rest: 0 2px 12px rgba(69,12,23,0.09), 0 1px 4px rgba(69,12,23,0.06); --shadow-hover: 0 16px 40px rgba(69,12,23,0.16), 0 4px 14px rgba(69,12,23,0.10); --transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); } /* ── Hide WP admin edit button ── */ .jkit-edit-post { display: none !important; } /* ── Grid wrapper (إذا محتاج تطبقه على الـ wrapper) ── */ .jkit-post-blocks-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; } /* ──────────────────────────────────────────── BLOG CARD — CORE STYLES ──────────────────────────────────────────── */ article.jkit-post { background: var(--card-bg); border: 1.5px solid var(--card-border); border-radius: var(--radius); box-shadow: var(--shadow-rest); overflow: hidden; display: flex; flex-direction: column; position: relative; transition: var(--transition); cursor: pointer; } /* الخط العلوي — دايمًا موجود، بيتكثّف على الـ hover */ article.jkit-post::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--brand) 0%, #450c17 60%, var(--brand) 100%); opacity: 0.58; /* مرئي في الـ resting */ transition: opacity 0.32s ease; z-index: 2; border-radius: var(--radius) var(--radius) 0 0; } article.jkit-post:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: var(--card-border-hover); } article.jkit-post:hover::before { opacity: 1; /* كامل على الـ hover */ } /* ── Thumbnail ── */ .jkit-thumb { position: relative; overflow: hidden; background: var(--brand-muted); } .jkit-thumb a { display: block; text-decoration: none; } .thumbnail-container { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: linear-gradient(135deg, #f5f0e8 0%, #ede8da 100%); } /* Placeholder عند غياب الصورة */ .thumbnail-container.no_thumbnail::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 40%, rgba(69,12,23,0.09) 0%, transparent 60%), radial-gradient(ellipse at 75% 70%, rgba(201,169,110,0.12) 0%, transparent 55%); } .thumbnail-container.no_thumbnail::after { content: '✦'; font-size: 36px; color: var(--brand); opacity: 0.18; letter-spacing: -2px; position: relative; z-index: 1; } /* لو في صورة حقيقية */ .thumbnail-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1); display: block; } article.jkit-post:hover .thumbnail-container img { transform: scale(1.06); } /* ── Card content area ── */ .jkit-postblock-content { padding: 24px 26px 22px; display: flex; flex-direction: column; flex: 1; gap: 0; } /* ── Post title ── */ .jkit-post-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; line-height: 1.35; margin: 0 0 14px; color: var(--text-primary); transition: color 0.25s ease; } .jkit-post-title a { color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.25s ease; } article.jkit-post:hover .jkit-post-title a { color: var(--brand); } /* ── Meta date ── */ .jkit-post-meta { display: flex; align-items: center; margin-bottom: 18px; } .jkit-meta-date { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 400; letter-spacing: 0.5px; color: var(--text-meta); font-family: 'DM Sans', sans-serif; } .jkit-meta-date.icon-position-before svg { width: 12px; height: 12px; fill: var(--gold-accent); flex-shrink: 0; opacity: 0.85; } /* فاصل رفيع بين الـ meta والـ readmore */ .jkit-post-meta-bottom { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--brand-muted); } /* ── Read More button ── */ .jkit-meta-readmore { display: flex; } a.jkit-readmore { display: inline-flex; align-items: center; gap: 7px; font-family: 'DM Sans', sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: var(--brand); text-decoration: none; padding: 8px 16px; border: 1.5px solid var(--brand-light); border-radius: 100px; background: transparent; transition: var(--transition); position: relative; overflow: hidden; } /* fill animation عند الـ hover */ a.jkit-readmore::before { content: ''; position: absolute; inset: 0; background: var(--brand); transform: scaleX(0); transform-origin: left; transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 0; border-radius: inherit; } a.jkit-readmore svg { position: relative; z-index: 1; width: 11px; height: 11px; fill: var(--brand); transition: fill 0.3s ease, transform 0.3s ease; } article.jkit-post:hover a.jkit-readmore, a.jkit-readmore:hover { color: var(--white); border-color: var(--brand); } article.jkit-post:hover a.jkit-readmore::before, a.jkit-readmore:hover::before { transform: scaleX(1); } article.jkit-post:hover a.jkit-readmore svg, a.jkit-readmore:hover svg { fill: var(--white); transform: translateX(3px); } /* ── Responsive ── */ @media (max-width: 640px) { .jkit-post-blocks-wrap { grid-template-columns: 1fr; gap: 20px; } .thumbnail-container { height: 170px; } .jkit-postblock-content { padding: 20px 20px 18px; } .jkit-post-title { font-size: 18px; } }