/* Add custom CSS styles below */ 
.bg-white {
border-color: #DBDBDB33;
}

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: #002622;
    background-color: rgb(0 38 34/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgb(209 213 219/var(--tw-text-opacity));
}

.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255,255,255,.1);
    --tw-bg-opacity: 1;
    background-color: #002622;
    background-color: rgb(0 38 34/var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
}


.store-footer {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: #002622;
    background-color: rgb(0 38 34/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
}


.product-entry__image img {
    position: relative;
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.product-entry__image::after, .s-product-card-image::after, .full-image::after, .itme-categories-image::after {
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    transform: skewX(325deg);
}

.product-entry__image::after, .s-product-card-image::after, .full-image::after, .itme-categories-image::after {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    height: 100%;
    width: 50%;
    --tw-content: "";
    content: var(--tw-content);
}



/* ===== صفحة المؤلفين: الشبكة ===== */
.authors-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding: 8px 2px;
  direction: rtl;
}

/* استجابة للجوال والتابلت */
@media (max-width: 992px){
  .authors-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .authors-grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

/* ===== البطاقة ===== */
.author-card{
  background: #fff;
  border: 0.5px solid #cccccc;
  border-radius: 18px;
  padding: 18px 14px;
  text-align: center;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

/* ===== الصورة ===== */
.author-img-wrap{
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.author-img{
  width: 100%;
  max-width: 180px;
  height: 180px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  background: #f3f3f3;
  display: block;
}

/* ===== زر الاسم (الرابط) ===== */
.author-btn{
  display: inline-block;
  width: 100%;
  max-width: 210px;
  text-align: center;

  border: 1.5px solid #1f5a4d;
  border-radius: 999px;

  padding: 12px 14px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;

  color: #1f5a4d;
  background: #fff;
  text-decoration: none;

  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* Hover + Focus */
.author-btn:hover,
.author-btn:focus{
  background: #1f5a4d;
  color: #fff;
  border-color: #1f5a4d;
  outline: none;
}