/*
Theme Name: Furious
Theme URI: https://shthemes.net/demosd/furious
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Furious is fully responsive, unique & modern designed WordPress theme. We have used comment on codes and also decorated the codes beautifully so one can find it very easy to customize. We have also added a detailed documentation where we have described how to customize each and everything of this theme with screenshots. We have tried to give an attractive look to this theme so that you can gather more traffic on your website.
Version: 1.0
Tested up to: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Thecappa Mountain Hotel

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
	00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/

.logged-in header.header-area {
  top: 32px;
}
.logged-in.elementor-editor-active header.header-area,
.logged-in.elementor-editor-preview header.header-area {
  top: 0;
}
.blog-details-area .info-list li a {
  color: var(--color-medium);
}
.blog-details-area .info-list li {
  text-transform: capitalize;
}
.comment-form-cookies-consent {
  display: none;
}
.blog-details-area .comments p.logged-in-as {
  margin-bottom: 25px;
}
.blog-details-area .comments p.logged-in-as a {
  color: var(--color-medium);
}
.blog-details-area .comments .name {
  text-transform: capitalize;
}
.blog-details-area .comments .comment-list .children {
  list-style-type: none;
  padding: 0;
}
.blog-details-area .comments .comment-list .children .comment-body {
  margin-bottom: 25px;
}
.blog-details-area .comments .comment-list .children {
  padding-inline-start: 35px;
}
textarea.form-control {
  padding: 0.375rem 0.75rem;
  line-height: 28px;
  padding-inline-start: 18px;
  padding-inline-end: 10px;
}
.widget-area .widget_search .search-form {
  background: var(--color-white);
  box-shadow: 0px 10px 40px rgba(36, 36, 36, 0.1);
}
.widget-area .widget_news .article-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  align-items: center;
}
.widget-area .widget_news .article-item:last-child {
  margin-bottom: 0 !important;
}
.widget-area .widget_news .article-item .image {
  flex: 0 0 auto;
  max-width: 33%;
  overflow: hidden;
}
.widget-area .widget_news .article-item .content {
  padding-inline-start: 15px;
}
.widget-area .widget_categories li {
  text-align: end;
  clear: both;
  list-style-type: none;
  margin-bottom: 5px;
}
.widget-area .widget_categories li:before {
  content: "\f07b";
  float: left;
  font-family: "Font Awesome 5 Pro";
  color: var(--color-primary);
  margin-inline-end: 5px;
  font-weight: 300;
}
.widget-area .widget_categories li a {
  float: left;
  color: var(--color-medium);
}
.widget-area .widget_tag_cloud .tagcloud a {
  font-size: 14px !important;
  padding: 12px 20px;
  background: var(--color-white);
  margin-inline-end: 5px;
  margin-bottom: 10px;
  transition: background 0.3s ease-out;
  cursor: pointer;
  display: inline-block;
}
.widget-area .widget_tag_cloud .tagcloud a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.comment-box .comment-list .comment {
  position: relative;
  width: 100%;
}
.comment-box .comment-list .comment a.comment-reply-link {
  position: absolute;
  top: -10px;
  right: 0;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 3px 8px;
  border-radius: 5px;
}
.comment-reply h4 {
  position: relative;
}
.comment-reply h4 > a {
  text-transform: capitalize;
}
.comment-reply h4 small a#cancel-comment-reply-link {
  position: absolute;
  top: 0;
  right: 30px;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 5px 8px;
  border-radius: 5px;
  font-family: var(--font-body);
  font-size: var(--font-base);
  font-weight: var(--font-normal);
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
  border: 1px solid var(--border-color);
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
  color: var(--color-white);
  background: var(--color-primary);
}
.footer-area {
  background-color: var(--color-black);
}
.text-stroke {
  -webkit-text-stroke: 1px var(--color-medium) !important;
}
div#newsletterForm2 span.wpcf7-spinner {
  display: none;
}
.wpcf7 form .wpcf7-response-output {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.single-car img.mfp-img {
  width: 956px;
  height: 573px;
  object-fit: cover;
}
.dialog-lightbox-widget {
  display: none !important;
}
.author .author-info h6 > a {
  text-transform: capitalize;
}
.elementor .btn-text {
  line-height: 1;
  text-decoration: underline;
}
.choose-3 .card-icon i {
  margin-inline-end: 0;
}
.product-default .author a span {
  text-transform: capitalize;
}
#user-registration
  .user-registration-MyAccount-content
  .user-registration-profile-header
  h3 {
  text-transform: capitalize;
}
div.form-control input {
  border: 0;
}
.ur-frontend-form .ur-button-container {
  margin-top: 30px;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
  border: 1px solid;
  margin: 0;
}
#user-registration.horizontal,
#user-registration {
  box-shadow: unset;
}
.ur-frontend-form.login {
  border: 0;
}
.ur-frontend-form.login input:not([disabled]):not([type="submit"]) {
  --size: 55px;
  border: 1px solid var(--border-color);
  border-radius: 0;
  height: var(--size);
  line-height: var(--size);
  padding: 0;
  padding-inline-start: 18px;
  padding-inline-end: 10px;
  font-size: 16px;
}
.ur-frontend-form.login input[type="submit"] {
  color: var(--color-white);
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
  transition: background 0.3s ease-out;
  box-shadow: 0px 10px 30px rgba(var(--color-primary-rgb), 0.14);
  width: 100%;
  margin: 20px 0;
  font-size: 16px;
  font-weight: 400;
}
.ur-frontend-form.login input[type="submit"]:hover {
  color: var(--color-primary);
  background-color: var(--color-white);
  border-color: var(--color-primary);
}
.user-registration-form.login .lost_password {
  width: fit-content;
  float: left;
}
.user-registration-form.login .lost_password a {
  font-size: var(--font-sm);
  line-height: 1.3;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--color-primary);
}
.user-registration-form.login .register {
  width: fit-content;
  float: right;
}
.user-registration-form.login .register a {
  font-size: var(--font-sm);
  line-height: 1.3;
  margin-bottom: 10px;
}
.elementor-shortcode .user-registration:has(form.user-registration-form-login) {
  margin-bottom: 0 !important;
}
.wpcf7-spinner {
  display: none;
}
.wpcf7 form .wpcf7-response-output {
  color: var(--color-light);
}
.text-cap {
  text-transform: capitalize;
}
.error-area .error-content.w-full {
  max-width: 100%;
}
.blog-details-area .info-list li {
  padding-inline-start: 14px;
  border-inline-start: 1px solid var(--border-color);
  padding-inline-end: 0;
  border-inline-end: 0;
}
.blog-details-area .info-list li:first-child {
  padding-inline-start: 0;
  border: 0;
}
.blog-details-area .info-list li:has(.featured-post.sticky) {
  padding-inline-start: 0;
  border: 0;
}
.blog-details-area .info-list li:last-child {
  border-inline-start: 1px solid var(--border-color);
}
article .content {
  position: relative;
}
article .content ul.info-list li:has(.featured-post.sticky) {
  position: absolute;
  right: 0;
  top: 3px;
  background: #111;
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
}
.pagination .page-numbers.dots:hover {
  color: var(--color-dark);
  background: transparent;
}
.header-area .main-navbar .menu-dropdown {
  min-width: 200px;
  width: max-content;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li:hover
  .menu-dropdown {
  transform: translate(0, -15px);
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown {
  left: 100%;
}
.pagination .page-numbers {
  margin-bottom: 5px;
}
div.pagination {
  display: block;
}
aside.widget-area ol,
aside.widget-area ul {
  padding-left: 0;
}
aside.widget-area .widget.widget_block.widget_search form label {
  display: none;
}
aside.widget-area .widget.widget_block.widget_search form button {
  margin-left: 0;
  border: 1px solid #111;
  background: #111;
  color: #fff;
}
aside.widget-area .widget .wp-block-heading {
  font-size: 24px;
}
aside.widget-area .widget.widget_block .wp-block-latest-posts li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_block .wp-block-latest-posts li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area .widget.widget_block .wp-block-latest-comments li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_block .wp-block-latest-comments li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area li {
  line-height: 28px;
  list-style-type: none;
}
aside.widget-area .widget.widget_archive li {
  color: var(--color-dark);
}
select {
  padding: 0px 15px !important;
  font-size: 16px;
  line-height: 28px;
  border: 1px solid #888 !important;
  border-radius: 5px;
  height: 45px;
  -webkit-appearance: none;
  background: url(assets/arrow.png) no-repeat right;
  background-position-x: 98%;
  background-color: transparent;
  background-size: 16px;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  outline: none;
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
table {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
table caption {
  caption-side: top;
  text-align: center;
  background: #111;
  color: #fff;
  padding: 10px;
}
table th,
table tr,
table td {
  border: 1px solid #111;
  padding: 8px;
  color: #111;
}
table td#today {
  background: #111;
  color: #fff;
}
nav.wp-calendar-nav {
  display: none;
}
aside.widget-area .widget.widget_categories ul.children {
  padding-left: 25px;
}
aside.widget-area .widget.widget_pages ul.children {
  padding-left: 25px;
}
aside.widget-area .widget.widget_meta ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_meta ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area .widget.widget_recent_comments ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_recent_comments ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area .widget.widget_recent_entries ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_recent_entries ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area .widget.widget_rss ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_rss ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
aside.widget-area .widget.widget_rss ul li .rsswidget {
  font-weight: 500;
  display: block;
  font-size: 18px;
}
aside.widget-area .widget.widget_rss ul li .rss-date {
  font-size: 90%;
  font-style: italic;
}
aside.widget-area .widget.widget_rss ul li cite {
  font-weight: 500;
  font-size: 13px;
}
aside.widget-area .widget.widget_text img {
  margin: 10px 0;
  height: auto;
}
aside.widget-area .widget.widget_text p {
  margin-bottom: 0;
  text-align: justify;
}
aside.widget-area .widget.widget_text .wp-caption-text {
  text-align: center;
  font-weight: 500;
}
aside.widget-area .widget.widget_nav_menu ul.sub-menu {
  padding-left: 20px;
}
footer.footer-area .copy-right-content p {
  margin-bottom: 0;
}
.blog-details-area .item-single .content {
  padding-top: 0;
}
.blog-details-area .item-single div.image + div.content {
  padding-top: 25px;
}
.blog-details-area .item-single .content p {
  margin-bottom: 1rem;
}
ol,
ul {
  padding-left: 25px;
}
figure {
  margin-bottom: 1rem;
}
.wp-block-image figcaption {
  margin-bottom: 0;
  margin-top: 0.5em;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
div.comments {
  clear: both;
}
a.wp-block-button__link {
  border-radius: 5px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  margin-bottom: 20px;
}
.alignleft {
  float: left;
  margin-right: 1rem;
  text-align: left;
  clear: both;
  margin-top: 0.5rem;
}
.alignright {
  float: right;
  margin-left: 1rem;
  text-align: right;
  clear: both;
  margin-top: 0.5rem;
}
.aligncenter {
  text-align: center;
  margin: 0 auto;
}
.wp-block-cover.has-background-dim {
  margin-bottom: 1rem;
}
.wp-block-cover.has-background-dim > p.wp-block-cover-text {
  color: #fff;
  font-size: 16px;
}
.wp-block-cover.alignleft.has-background-dim {
  margin-top: 0;
}
figcaption {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
figcaption.blocks-gallery-caption {
  margin-bottom: 20px;
}
figure.wp-block-gallery.extraclass:not(.has-nested-images).columns-2
  .blocks-gallery-item:nth-of-type(2n) {
  margin-right: 1em;
}
figure.wp-block-gallery.columns-2.extraclass.is-layout-flex:not(
    .has-nested-images
  )
  .blocks-gallery-item:last-child {
  margin-right: 1em;
}
.wp-block-gallery.columns-5:not(.has-nested-images).is-cropped.is-layout-flex
  .blocks-gallery-item
  img {
  height: auto;
}
blockquote {
  padding: 24px;
  background-color: var(--bg-light);
  margin-bottom: 1rem;
}
.blog-details-area .item-single .content blockquote.wp-block-quote p {
  margin-bottom: 0;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
  padding: 24px;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}
h2.wp-block-heading + ul,
h2.wp-block-heading + ol {
  margin-bottom: 1rem;
}
.wp-block-calendar {
  margin-bottom: 1rem;
}
.wp-block-calendar caption {
  background-color: #111;
}
.blog-description .wp-block-latest-comments {
  padding-left: 0;
}
.blog-description
  .wp-block-latest-comments
  li.wp-block-latest-comments__comment {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #505050;
}
.blog-description
  .wp-block-latest-comments
  li.wp-block-latest-comments__comment:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.blog-description .wp-block-latest-posts {
  margin-bottom: 1rem;
}
.blog-description .wp-block-latest-posts li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #505050;
}
.blog-description .wp-block-latest-posts li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.blog-description .wp-block-latest-posts.is-grid li:last-child {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #505050;
}
.blog-description .wp-block-search[role="search"] label {
  display: none;
}
.blog-description .wp-block-search[role="search"] {
  margin-bottom: 20px;
}
.blog-description .wp-block-search[role="search"] button {
  color: #fff;
  margin-left: 0;
  border: 0;
  background-color: #111;
}
.blog-description .wp-block-tag-cloud > a {
  font-size: 14px !important;
  padding: 12px 20px;
  background: var(--color-light);
  margin-inline-end: 5px;
  margin-bottom: 10px;
  transition: background 0.3s ease-out;
  cursor: pointer;
  display: inline-block;
}
.blog-description .wp-block-tag-cloud > a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.blog-description ul.wp-block-rss:has(> li.wp-block-rss__item) {
  list-style: disc;
  padding-left: 25px;
}
div.wp-block-group.has-background {
  padding: 20px;
  margin-bottom: 20px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
  margin-bottom: 1rem;
}
.page-links > .post-page-numbers {
  color: var(--color-dark);
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
}
.page-links > .post-page-numbers:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.page-links > .current {
  background: var(--color-primary);
  color: var(--color-white);
}
pre {
  display: block;
  padding: 20px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #505050;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  white-space: pre-wrap;
  font-family: monospace;
}
.wp-block-table.is-style-stripes td {
  border: 1px solid #111;
}
dd {
  margin-left: 1.5em;
}
code {
  color: #505050;
}
p:has(> img.aligncenter) {
  text-align: center;
}
div.wp-caption > p.wp-caption-text {
  font-weight: 500;
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
div.wp-caption:has(> img) {
  max-width: 100%;
}
form.post-password-form input[type="password"] {
  width: auto;
  display: inline-block;
  height: 42px;
  margin-left: 10px;
  border: 1px solid #505050;
  color: #505050;
  padding-left: 5px;
  margin-bottom: 0;
  position: relative;
}
form.post-password-form input[type="submit"] {
  font-weight: 400;
  text-transform: uppercase;
  background: #505050;
  color: #fff;
  padding: 8px 20px;
  margin: 0;
  font-size: 15px;
  letter-spacing: 1px;
  height: 42px;
  border: #505050;
  position: absolute;
  margin-left: -1px;
}
table tr a {
  font-weight: bold;
}
.comment-box li.comment .comment-content img {
  margin: 10px 0;
}
dl.gallery-item dd.wp-caption-text.gallery-caption {
  margin-top: 10px;
}
img {
  height: auto;
}
.entry-content {
  clear: both;
  padding-top: 20px;
}
.elementor a.btn-primary {
  box-shadow: 0px 10px 30px rgba(var(--color-primary-rgb), 0.14);
}
h3.title {
  font-size: 32px;
}
h2.title {
  font-size: 42px;
}
h1.title {
  font-size: 62px;
}
.page-title-area .content h2 {
  font-size: 42px;
}
h3.product-title {
  font-size: 32px;
}
.car-details-area .features-list {
  padding-left: 0;
}
div.product-policy h3 {
  font-size: 32px;
}
.error-area .error-content h3 {
  font-size: 32px;
}
.coming-soon-area .main-form div.title > h3 {
  font-size: 32px;
}
.contact-area .content-title h2 {
  font-size: 42px;
}
.product-details .author span {
  color: var(--color-dark);
}
h3.new-price {
  font-size: 32px;
}
.elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}
.coming-soon-area .wpcf7 form .wpcf7-response-output,
.contact-area .wpcf7 form .wpcf7-response-output {
  color: var(--color-medium);
}
.faq-area .accordion-item {
  padding: 0 25px;
}
.faq-area .accordion-item .accordion-body {
  padding-top: 0;
  padding-bottom: 20px;
}
.faq-area .accordion-item .accordion-header .accordion-button {
  height: 60px;
}
.product-area .product-slider {
  padding-left: 1px;
  padding-right: 1px;
}
.product-single-gallery .product-thumb .slider-thumbnails {
  padding-left: 1px;
  padding-right: 1px;
}
.product-column .product-details {
  padding-inline-start: 30px;
}
.blog-details-area
  .comments
  .comment-list
  .comment
  .comment-body
  .comment-content
  p {
  font-size: 15px;
}
.logged-in .comment-reply h4 {
  margin-bottom: 10px !important;
}
.screen-reader-text {
  text-decoration: none;
}
.bypostauthor {
  text-decoration: none;
}
.wp-block-image {
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  header.header-area.is-sticky {
    top: 32px;
  }
}
@media (max-width: 768px) {
  header.header-area,
  header.header-area.is-sticky {
    top: 46px;
  }
}
@media (max-width: 767.98px) {
  .logged-in header.header-area {
    top: 46px;
  }
  header.header-area.is-sticky {
    top: 0;
  }
  .comment-reply h4 small a#cancel-comment-reply-link {
    position: unset;
    display: block;
    width: fit-content;
    margin-top: 10px;
  }
  .blog-details-area .info-list {
    display: block;
  }
  .blog-details-area .info-list li {
    padding-inline-start: 0;
    border-inline-start: 0;
    margin-bottom: 10px;
  }
  .blog-details-area .info-list li:last-child {
    border-inline-start: 0;
  }
}

/* maher */
.car-single-container {
  max-width: 900px;
  margin: auto;
  padding: 30px;
}

.car-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.car-featured-img img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.car-description {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.car-attributes h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.car-attributes ul {
  list-style: none;
  padding: 0;
}

.car-attributes li {
  margin-bottom: 10px;
  font-size: 16px;
}

.car-gallery {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin-top: 30px;
}

.car-gallery img {
  width: 200px;
  border-radius: 6px;
  flex-shrink: 0;
}

/* ----------- Super Hero Section Styling ----------- */
.breadcrumb-hero-section {
  background-color: #000; /* خلفية سوداء */
  color: #fff; /* لون النص أبيض */
  padding: 50px 0;
  text-align: center;
  margin-top: 100px;
}

.breadcrumb-hero-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.breadcrumb-hero-section .breadcrumb-nav a {
  color: #fff; /* لون الروابط أبيض */
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumb-hero-section .breadcrumb-nav a:hover {
  color: #ffcc00; /* لون أصفر عند التحويم */
}

.breadcrumb-hero-section .breadcrumb-nav span {
  color: #bbb; /* لون العنصر الحالي أفتح قليلاً */
}

.breadcrumb-hero-section .breadcrumb-nav {
  font-size: 1.1em;
}

/* ----------- Spacer ----------- */
.spacer-100 {
  height: 100px;
  clear: both; /* لضمان عدم وجود عناصر عائمة تؤثر عليها */
}

/* ----------- Car Details Section Styling (WooCommerce-like) ----------- */
.car-details-section {
  padding: 40px 0;
}

.car-details-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.car-details-section .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; /* محاذاة العناصر من الأعلى */
}

.car-details-image-col {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 30px;
}

.car-details-main-image {
  width: 100%; /* الصورة تملأ 100% من عرض العمود */
  height: auto; /* الحفاظ على نسبة الأبعاد */
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  object-fit: cover; /* لضمان ملء الصورة لمساحتها دون تشوه */
}

.car-details-content-col {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 30px;
}

.car-title {
  font-size: 3.2em;
  margin-bottom: 15px;
  color: #333; /* لون غامق للعنوان */
  line-height: 1.1;
}

.car-description {
  font-size: 1.1em;
  line-height: 1.7;
  margin-bottom: 25px;
  color: #555;
}

.car-price-display {
  margin-bottom: 25px;
  display: flex;
  align-items: baseline; /* لمحاذاة السعر القديم والجديد */
  flex-wrap: wrap;
  gap: 10px; /* مسافة بين عناصر السعر */
}

.car-price-display .price-label {
  font-size: 1.3em;
  font-weight: bold;
  color: #333;
  /* margin-right: 15px; // تم استبدالها بـ gap */
  margin-bottom: 0;
}

.car-price-display .price-old {
  font-size: 1.1em;
  color: #999;
  text-decoration: line-through; /* خط على السعر القديم */
  /* margin-right: 10px; // تم استبدالها بـ gap */
}

.car-price-display .price-new,
.car-price-display .price-current {
  font-size: 2.2em; /* حجم كبير للسعر الجديد/الحالي */
  font-weight: bold;
  color: #032244; /* لون أزرق مميز (يمكنك تغييره) */
  line-height: 1;
}

.car-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #eee; /* خط فاصل علوي */
  padding-top: 20px;
}

.car-features-list li {
  padding: 10px 0;
  border-bottom: 1px solid #eee; /* خط فاصل بين كل عنصر */
  font-size: 1.05em;
  color: #444;
  display: flex;
  justify-content: space-between; /* توزيع المساحة بين العنوان والقيمة */
  align-items: center;
}

.car-features-list li:last-child {
  border-bottom: none; /* إزالة الخط الفاصل من آخر عنصر */
}

.car-features-list li strong {
  color: #333;
  min-width: 100px; /* لتنسيق أفضل للأعمدة */
}

.car-features-list li a {
  color: #032244; /* لون الروابط */
  text-decoration: none;
}

.car-features-list li a:hover {
  text-decoration: underline;
}

/* ----------- Contact Us Button Styling ----------- */
.contact-button-wrap {
  margin-top: 30px;
  text-align: center; /* لو عايز الزر في المنتصف */
}

.contact-us-button {
  display: inline-block;
  background-color: #28a745; /* لون أخضر (يمكنك تغييره) */
  color: #fff;
  padding: 12px 25px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.contact-us-button:hover {
  background-color: #218838; /* لون أخضر أغمق عند التحويم */
  transform: translateY(-2px); /* تأثير بسيط عند التحويم */
  color: #fff; /* لضمان بقاء اللون أبيض عند التحويم */
}

/* ----------- Responsive Adjustments ----------- */
@media (max-width: 768px) {
  .car-details-image-col,
  .car-details-content-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .car-details-image-col {
    margin-bottom: 30px;
  }
  .car-title {
    font-size: 2.5em;
    text-align: center;
  }
  .car-description {
    text-align: center;
  }
  .car-price-display {
    justify-content: center; /* محاذاة الأسعار في المنتصف على الموبايل */
  }
  .car-features-list li {
    flex-direction: column; /* جعل العناصر تتكدس رأسياً */
    align-items: flex-start;
  }
  .contact-button-wrap {
    text-align: center;
  }
}
/* end maher   */