صفحهٔ اصلی

/* ========================================================= WIKIDAD HOME صفحه اصلی دانشنامه حقوقی ========================================================= */

.wd-home { direction:rtl; text-align:right; max-width:1180px; margin:0 auto; color:#37474f; }

/* ========================================================= HERO ========================================================= */

.wd-home-hero { margin:0 0 34px; padding:42px 30px 38px; border-radius:12px; background:linear-gradient(135deg,#eef6f3 0%,#f7faf9 55%,#eef5f7 100%); border:1px solid #d8e6e1; box-shadow:0 5px 18px rgba(55,80,75,.07); }

.wd-home-hero-content { max-width:850px; margin:0 auto; text-align:center; }

.wd-home-brand { font-size:38px; font-weight:900; color:#245b55; line-height:1.5; }

.wd-home-tagline { margin-top:3px; font-size:18px; font-weight:700; color:#527d77; }

.wd-home-description { max-width:700px; margin:12px auto 24px; font-size:14px; color:#64736f; line-height:2; }

.wd-home-search { max-width:680px; margin:0 auto; }

.wd-home-search input { box-sizing:border-box; }

.wd-home-search-hint { margin-top:8px; font-size:11.5px; color:#7d8986; }

/* ========================================================= SECTION ========================================================= */

.wd-home-section { margin:0 0 38px; }

.wd-home-section-title { font-size:21px; font-weight:800; color:#365f59; margin-bottom:4px; }

.wd-home-section-subtitle { font-size:12.5px; color:#7a8783; margin-bottom:16px; }

/* ========================================================= RESOURCE CARDS ========================================================= */

.wd-home-resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }

.wd-home-resource-card { display:flex; gap:12px; min-height:145px; padding:17px; background:#fff; border:1px solid #e0e7e4; border-radius:8px; box-shadow:0 2px 9px rgba(55,80,75,.045); transition:transform .15s ease,box-shadow .15s ease; }

.wd-home-resource-card:hover { transform:translateY(-2px); box-shadow:0 5px 16px rgba(55,80,75,.09); }

.wd-resource-icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:7px; background:#eef5f2; color:#527d77; font-size:22px; font-weight:800; }

.wd-resource-body { min-width:0; }

.wd-resource-title { font-size:16px; font-weight:800; color:#405b56; margin-bottom:7px; }

.wd-resource-text { font-size:12.5px; line-height:1.9; color:#71807c; }

.wd-resource-link { margin-top:11px; font-size:12px; font-weight:700; }

.wd-resource-link a { color:#527d77; text-decoration:none; }

/* ========================================================= MAIN COLUMNS ========================================================= */

.wd-home-main-columns { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:18px; margin-bottom:40px; }

.wd-home-panel { background:#fff; border:1px solid #e0e7e4; border-radius:9px; padding:18px; box-shadow:0 2px 9px rgba(55,80,75,.04); }

.wd-home-panel-header { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding-bottom:13px; margin-bottom:4px; border-bottom:1px solid #edf1ef; }

.wd-home-panel-title { font-size:18px; font-weight:800; color:#405f59; }

.wd-home-panel-subtitle { margin-top:3px; font-size:11.5px; color:#87918e; }

.wd-home-panel-more { font-size:11.5px; font-weight:700; }

.wd-home-panel-more a { color:#527d77; text-decoration:none; }

/* ========================================================= POPULAR LAWS ========================================================= */

.wd-popular-law-list { display:flex; flex-direction:column; }

.wd-popular-law { display:flex; align-items:center; gap:12px; padding:11px 4px; border-bottom:1px solid #edf1ef; }

.wd-popular-law:last-child { border-bottom:none; }

.wd-popular-law-number { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:5px; background:#f3f7f5; color:#78908a; font-size:11px; font-weight:800; }

.wd-popular-law-content { min-width:0; font-size:13.5px; font-weight:700; }

.wd-popular-law-content a { color:#405b56; text-decoration:none; }

.wd-popular-law-content span { display:block; margin-top:2px; font-size:11px; font-weight:400; color:#87918e; }

/* ========================================================= SUBJECTS ========================================================= */

.wd-subject-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:13px; }

.wd-subject-card { position:relative; padding:12px 12px 12px 10px; border:1px solid #e6ebe9; border-radius:6px; background:#fafcfb; font-size:13px; font-weight:800; }

.wd-subject-card a { color:#466761; text-decoration:none; }

.wd-subject-card span { display:block; margin-top:3px; font-size:10.5px; font-weight:400; color:#87918e; }

.wd-subject-icon { float:right; width:25px; height:25px; margin-left:8px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#edf4f1; color:#527d77; font-size:13px; }

/* ========================================================= SPECIAL PATHS ========================================================= */

.wd-special-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }

.wd-special-card { padding:17px; background:#f9fbfa; border:1px solid #e0e8e4; border-radius:7px; }

.wd-special-title { font-size:14px; font-weight:800; color:#405f59; margin-bottom:7px; }

.wd-special-text { min-height:48px; font-size:11.5px; line-height:1.9; color:#74817e; }

.wd-special-link { margin-top:12px; font-size:11.5px; font-weight:700; }

.wd-special-link a { color:#527d77; text-decoration:none; }

/* ========================================================= FEATURE ========================================================= */

.wd-home-feature { margin:0 0 34px; padding:25px; background:#f3f7f5; border-right:5px solid #527d77; border-radius:8px; }

.wd-home-feature-title { font-size:20px; font-weight:800; color:#315f58; }

.wd-home-feature-text { max-width:900px; margin:9px 0 20px; font-size:13px; line-height:2.1; color:#65736f; }

.wd-home-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }

.wd-feature-item { display:flex; align-items:flex-start; gap:9px; padding:12px; background:#fff; border:1px solid #e0e8e4; border-radius:6px; }

.wd-feature-number { flex:0 0 27px; width:27px; height:27px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#527d77; color:#fff; font-size:11px; font-weight:800; }

.wd-feature-item b { display:block; font-size:12.5px; color:#405b56; }

.wd-feature-item span { display:block; margin-top:2px; font-size:10.5px; line-height:1.7; color:#7b8784; }

/* ========================================================= GUIDE ========================================================= */

.wd-home-guide { margin-bottom:30px; padding:20px; background:#fff; border:1px solid #e1e7e5; border-radius:8px; }

.wd-home-guide-title { margin-bottom:15px; font-size:18px; font-weight:800; color:#405f59; }

.wd-home-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }

.wd-guide-item { display:flex; gap:10px; padding:12px; background:#fafcfb; border-radius:6px; }

.wd-guide-step { flex:0 0 30px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eef5f2; color:#527d77; font-size:12px; font-weight:800; }

.wd-guide-item b { font-size:12.5px; color:#405b56; }

.wd-guide-item p { margin:4px 0 0; font-size:11px; line-height:1.8; color:#7a8683; }

/* ========================================================= FOOTER NOTE ========================================================= */

.wd-home-footer-note { margin-top:25px; padding:16px; text-align:center; border-top:1px solid #e4eae8; color:#87918e; font-size:11.5px; }

/* ========================================================= RESPONSIVE ========================================================= */

@media(max-width:900px) {

``` .wd-home-resource-grid {

   grid-template-columns:repeat(2,minmax(0,1fr));

}

.wd-home-main-columns {

   grid-template-columns:1fr;

}

.wd-special-grid {

   grid-template-columns:repeat(2,minmax(0,1fr));

}

.wd-home-feature-grid {

   grid-template-columns:repeat(2,minmax(0,1fr));

} ```

}

@media(max-width:600px) {

``` .wd-home-hero {

   padding:30px 16px;
   border-radius:8px;

}

.wd-home-brand {

   font-size:30px;

}

.wd-home-tagline {

   font-size:15px;

}

.wd-home-description {

   font-size:12.5px;

}

.wd-home-resource-grid {

   grid-template-columns:1fr;

}

.wd-subject-grid {

   grid-template-columns:1fr;

}

.wd-special-grid {

   grid-template-columns:1fr;

}

.wd-home-feature-grid {

   grid-template-columns:1fr;

}

.wd-home-guide-grid {

   grid-template-columns:1fr;

} ```

}